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

Question

已经很简单了，为啥显示不了呢

Answer 1

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

确保对应的路径文件存在

Answer 2

楼上正解，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

Answer 3

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

Answer 4

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

Answer 5

像这样就可以了