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

像這樣就可以了