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