html - 用图标替换单词

Question

我有以下 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

Answer 1

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

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

使用 awesome 字体，您可以像这样显示电子邮件:

<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>