font awesome的图标为什么显示不出呢

小宇
  • 423

clipboard.png

clipboard.png
已经很简单了,为啥显示不了呢

回复
阅读 31.2k
6 个回答
brook
  • 3.1k
✓ 已被采纳

console里看看有没有404,fontawesome 需要对应的字体文件,并不只是css。

clipboard.png
确保对应的路径文件存在

楼上正解,font-awesome不仅仅是css,font-awesome需要几个相应字体库。
可以看一下从fontAsesome上下载下来的源文件。
或者可以直接用font-Asesome的css源文件。

<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
$ ls -al css fonts/
css:
-rw-r--r-- 1 dong 1049089 35134 9月   8 01:36 font-awesome.css
-rw-r--r-- 1 dong 1049089 29063 9月   8 01:36 font-awesome.min.css

fonts/:
-rw-r--r-- 1 dong 1049089 124988 9月   8 01:36 FontAwesome.otf
-rw-r--r-- 1 dong 1049089  76518 9月   8 01:36 fontawesome-webfont.eot
-rw-r--r-- 1 dong 1049089 391622 9月   8 01:36 fontawesome-webfont.svg
-rw-r--r-- 1 dong 1049089 152796 9月   8 01:36 fontawesome-webfont.ttf
-rw-r--r-- 1 dong 1049089  90412 9月   8 01:36 fontawesome-webfont.woff
-rw-r--r-- 1 dong 1049089  71896 9月   8 01:36 fontawesome-webfont.woff2

别用font awesome了,icon font别这个好多了

经验证是可以显示的,FontAwesome字体需要字体文件,我估计你是没有引用字体文件导致的,从github上下载压缩包,解压到本地,把fonts整个文件拷贝到相应目录,应该就没问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏