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

Question

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

天蓬老师 · Answer

console裡看看有沒有404，fontawesome 需要對應的字體文件，不只是css。

確保對應的路徑檔案存在

巴扎黑 · Answer

樓上正解，font-awesome不只是css，font-awesome需要幾個對應字體庫。
可以看一下從fontAsesome下載下來的原始檔。
或是可以直接用font-Asesome的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

別用font awesome了，icon font別這樣好多了

大家讲道理 · Answer

經驗證是可以顯示的，FontAwesome字體需要字體文件，我估計你是沒有引用字體文件導致的，從github上下載壓縮包，解壓到本地，把fonts整個文件拷貝到相應目錄，應該就沒問題。

伊谢尔伦 · Answer

像這樣就可以了

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

全部回覆(5)我來回復