搜索框不加載字體真棒圖標

Question

因此，我正在開發一個網站http://www.johnkimwell.com/Vetel/和我遇到的一個問題是，字體真棒圖標未加載，只顯示一個正方形。我檢查了一切，包括CSS，我沒有看到任何可能的衝突。

我希望你們能幫助我。

謝謝

Answer 1

奇怪，確實如此。我查看了您的網站，發現您使用的是FA v。4.2.0，我的大多數網站都使用4.7.0，因此在做其他事情之前，請將您的鏈接元素替換爲font-awesome.css：

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 

也許您正在使用的版本太舊。除此之外，我檢查了你的標題，控制檯日誌，一切似乎都很好。

希望它有幫助！

Answer 2

Font Awesome中的.fa::before類似乎被簡單線條圖標覆蓋。我取消選中下圖中的第一個屬性，導致顯示搜索圖標。如果您使用的不是簡單的線，圖標，最簡單的解決將是擺脫

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">

Image of how I fixed the issue