html - Whatsapp 分享按钮不起作用，如何解决？

Question

我使用html代码而不是插件来减少在浏览器中打开网站时的负担。此代码适用于博客，但不适用于基于 wordpress cms 的我的网站。

<style>.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	left:20px;
	background:green;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-float{
	margin-top:16px;
}</style>

<a href="https://api.whatsapp.com/send?phone=+xxxxxxxxxx&text=Hai%20Dewi's%20Wedding%20%21." class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>

使用这段代码，我只能得到一个没有很棒字体的按钮 fa fa whatsapp。

你可以在这里看到结果https://www.dewiswedding.com

请帮我解决这个问题..

Answer 1

因为你没有给你的网站添加 font-awesome，

插入头部标签:

https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css