HTML/CSS

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

阿里云

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

正常情况下:

字体图标不显示:

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

也想出现在这里?联系我们
创客主机
  1. <style>
  2. .fa {
  3. font: normal normal normal 20px/1 FontAwesome !important;
  4. }
  5. </style>

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

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

已有 712 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!