圖標的字體真棒有時變成正方形，並且大部分時間正確加載

在我的網站中，字體真棒圖標有時變成正方形，大多數時候，它們正確加載，我一直在尋找這個問題論壇，看起來這種情況是不一樣的：的圖標是字體真棒和類fa fa-ANYEXAMPLE存在字體是在一個文件夾（/ css/fonts）中，因爲它應該是的內容文件fontawesome.css被複制到文件bootstrap.css中，並在站點頭部調用我認爲我的鏈接是正確的，因爲圖標大多數時間加載正確問題是什麼？圖標的字體真棒有時變成正方形，並且大部分時間正確加載

來源

2016-08-18 cihan17

此問題已在此處提出。檢查這些鏈接：http://stackoverflow.com/questions/26867795/font-awesome-showing-just-square-box-instead-icon，http://www.hanselman.com/blog/WhyDoMyFontAwesomeIconsShowUpAsBlankSquares.aspx和http： //stackoverflow.com/questions/14366158/font-awesome-not-working-icons-showing-as-squares – d3r1ck

使用字體面打開你的style.css，並鏈接到FontAwesome：

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3'); 
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

只要確定，如果他們有什麼不同編輯的路徑。

來源

2016-08-18 14:04:03 hallaksec

我使用絕對URL – cihan17

使用絕對URL不起作用。所以我回到了我的CSS，因爲它。在那之後，我注意到控制檯出現了一個奇怪的錯誤：「來自原點的字體已經被Cross-Origin加載...... No Access-Control-Allow ...」，當我將www添加到我的URL時，字體沒問題，所以我添加了一個重定向到www.my站點。現在可以。如果有人能夠解釋爲什麼會發生這種情況，那對我來說會很有幫助 – cihan17

圖標的字體真棒有時變成正方形，並且大部分時間正確加載

回答

相關問題