2014-11-06 87 views
1

當我從文件系統運行HTML文件(右鍵單擊並在瀏覽器中打開)時,一切正常,但是當我通過本地主機運行它時,瀏覽器無法正確加載字體。經過Chrome和Firefox測試。這兩個瀏覽器都會在同一頁面載入中發送2個woff和ttf字體文件的請求。Bootstrap圖標不起作用

下面是問題的演示。字體未正確加載,我認爲不同的字體顯示在不同的瀏覽器上。任何人都可以請建議解決方案?

的Firefox網絡選項卡。

+1

提供代碼,它將有助於調試。 – Darren 2014-11-06 03:14:46

+0

沒有特別的代碼。一切都在bootstrap.css – 2014-11-06 03:15:52

+1

什麼顯示控制檯?順便說一句,有很多選項更好,像fontawesome – 2014-11-06 03:15:53

回答

2

由於per your comment,您的問題是關於Access-Control-Allow-Origin

你必須添加這樣的事情到您的.htaccess文件

<IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 

或者在PHP

header("Access-Control-Allow-Origin: *"); 

*標誌允許從所有起源訪問。

您只能提供*,null或完全合格的域名,如google.com

+0

謝謝達倫。我有另一個問題。爲什麼像css,圖像和js等其他文件正確加載交叉原點?在進一步檢查中,我發現瀏覽器僅發送字體文件的「Origin」請求標頭。 – 2014-11-06 18:44:23

+0

在這方面有什麼幫助? – 2014-11-07 14:15:14

+0

嘿,隊友,你是從一個子目錄訪問腳本嗎?即cdn.yourwebsite.com? – Darren 2014-11-07 21:34:41