在Firefox和Internet Explorer中呈現FontAwesome和Glyphicons的問題

我是www.xlent.se的開發人員，如果您嘗試在IE或FF中加載頁面，您會注意到所有圖標都被「十六進制塊」。在Firefox和Internet Explorer中呈現FontAwesome和Glyphicons的問題

僅在將項目從開發服務器遷移到生產服務器後出現問題。我不確定是否由於緩存或MIME類型或其他原因。

2014-02-13 Emil Kantis

嘗試從CDN中包含原始的css文件，並檢查它是否仍然不起作用：'// netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' – enyce12

這樣做FontAwesome渲染正確，謝謝！知道從哪裏引入自舉圖形？ –

根據你的評論似乎你的服務器沒有發送正確的標題。您可以通過添加解決這個下面給您.htaccess文件：

<FilesMatch ".(ttf|otf|eot|woff)"> 
Header set Access-Control-Allow-Origin "*" 
</FilesMatch>

如果您從您的服務器使用下面的加載從CDN，而不是文件（bootstrap和font-awesome）：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">

另外請確保您不要多次加載font-awesome。您的縮小版CSS已包含font-awesome和bootstrap。

來源

2014-02-13 13:21:53 enyce12

添加Access-Control-Allow-Origin標題解決了我的問題，謝謝。此外，我關閉FilesMatch，不確定是否有必要。 –

@EmilKantis我忘了結束標記，並將其添加到答案中。 – enyce12

在Firefox和Internet Explorer中呈現FontAwesome和Glyphicons的問題

回答

相關問題