事先排除的問題

排除了fonts，css文件的引入以及目錄層級的問題。

從這里看的話，已經顯示引入樣式了。

但是查看network之后，發現有三個404的錯誤。
但是在文件目錄中這些都是可以找到的，所以就不確定到底是什么原因。

嘗試的方案

更換瀏覽器

清除緩存

更改引用css文件的方式

重啟項目

當然，這些都沒有用的操作。不過當你遇到問題的時候可以這樣操作一下。

也有可能是你的目錄的關系，因為在 font-awesome.min.css文件中有明確的表示出引用之間的層級關系，因為我事先已經把關系整理好了，所以這里沒有嘗試 。

解決方案

這是我第二天打開電腦，再把項目跑起來的時候出現的畫面。

激動人心的 icon 正常顯示了。檢查一下也沒有404的問題了。

但是，這個過程我是什么都沒有改的。具體是什么原因我不太明白，可能是天時地利人和的原因吧。

在上面的方法都嘗試過依然沒有用的話，建議直接重啟電腦就好了。

總結

以上是生活随笔為你收集整理的引用font-awesome图标库前端显示方框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。