On my page,Fontawesome圖標(例如,頁面的極右上角的兩個)不再工作,儘管供應商的CSS確實加載。這裏是它如何從我的CSS文件加載:Fontawesome圖標不會顯示,儘管供應商CSS正確加載
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
任何想法爲什麼它不工作?
On my page,Fontawesome圖標(例如,頁面的極右上角的兩個)不再工作,儘管供應商的CSS確實加載。這裏是它如何從我的CSS文件加載:Fontawesome圖標不會顯示,儘管供應商CSS正確加載
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
任何想法爲什麼它不工作?
在http://pizzaontime.fr/new/wp-content/themes/pot/dist/styles/main.css
你在本地包含FontAwesome的字體文件。鏈接相關鏈接以../fonts/
開頭,所以它應該在這裏:http://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/
,但沒有FontAwesome字體文件。
是的,您包含*.css
文件,但您必須將字體文件放置在FontAwesome CDN組織它們的相同結構中。
編輯對如何解決它的詳細信息:
第一種方法(最快,最簡單的方法):包括CSS文件在你的HTML(<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
)。然後刪除你的CSS文件。
第二種方法:將丟失的字體文件放在http://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/
。你可以找到它們here。
我不明白你的答案... – drake035
在CDN的CSS文件中,你可以看到它們包含相對連接的字體文件,所以瀏覽器將在你的服務器上搜索它們,因爲你是獲取他們的CSS文件的代碼,而不僅僅包括它。我會立即更新我的答案並提供更多細節。 – Paul
採取了第一種方法,謝謝:) – drake035