网站字体图标不显示的解决方法
在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图:
通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在这些网页中被修改了。解决方法也很简单,只需要在字体图标不正常的网页上面,加上以下的CSS样式代码即可。
<style>
.fa {
font: normal normal normal 20px/1 FontAwesome !important;
}
</style>
这样字体图标就会显示正常了,在代码中可以修改字体图标的大小。如果还不显示,可以在字体图标网站上重新下载字体图标文件。网址:https://fontawesome.com.cn/v4/icons