用图标替换单词

时间:2019-03-25 17:15:11

标签: html css

我有以下html:

a href="https://adsler.co.uk/wp-user-test-dashboard- 
2/awpcp-reply-to-ad/22/nicos-cleaning-service/"><div 
class="email"><span><center><span class=icon- 
email>EMAIL</span></center></span></div></a>

这将显示单词EMAIL。

如何用信封图标替换该单词,并使其在移动设备和台式机上都能正常工作?

我尝试过:

&#x1F4CD

在移动设备上显示哪个电子邮件图标,但在桌面上什么也不显示。

甚至尝试过fa fa-envelop,它只显示fa fa-envelope

1 个答案:

答案 0 :(得分:0)

您必须使用任何图标库,例如[font awsome] [1]。

还要确保您需要在引号中添加类。

使用超赞的字体,您可以像这样显示电子邮件:

<a href="https://adsler.co.uk/wp-user-test-dashboard- 
2/awpcp-reply-to-ad/22/nicos-cleaning-service/"><div 
class="email"><span><center><span class="fa fa-envelope"></span></center></span></div></a>