网站字体图标不显示的解决方法

在做网站过程中，经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示，但有的字体图标却显示为空白。如下图：

正常情况下：

字体图标不显示：

通过浏览器的检查功能，可以查到造成字体图标不显示的原因，是由于字体图标的样式在这些网页中被修改了。解决方法也很简单，只需要在字体图标不正常的网页上面，加上以下的CSS样式代码即可。

<style>

.fa {

font: normal normal normal 20px/1 FontAwesome !important;

}

</style>

这样字体图标就会显示正常了，在代码中可以修改字体图标的大小。