當我從文件系統運行HTML文件(右鍵單擊並在瀏覽器中打開)時,一切正常,但是當我通過本地主機運行它時,瀏覽器無法正確加載字體。經過Chrome和Firefox測試。這兩個瀏覽器都會在同一頁面載入中發送2個woff和ttf字體文件的請求。Bootstrap圖標不起作用
下面是問題的演示。字體未正確加載,我認爲不同的字體顯示在不同的瀏覽器上。任何人都可以請建議解決方案?
的Firefox網絡選項卡。
當我從文件系統運行HTML文件(右鍵單擊並在瀏覽器中打開)時,一切正常,但是當我通過本地主機運行它時,瀏覽器無法正確加載字體。經過Chrome和Firefox測試。這兩個瀏覽器都會在同一頁面載入中發送2個woff和ttf字體文件的請求。Bootstrap圖標不起作用
下面是問題的演示。字體未正確加載,我認爲不同的字體顯示在不同的瀏覽器上。任何人都可以請建議解決方案?
的Firefox網絡選項卡。
由於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
。
謝謝達倫。我有另一個問題。爲什麼像css,圖像和js等其他文件正確加載交叉原點?在進一步檢查中,我發現瀏覽器僅發送字體文件的「Origin」請求標頭。 – 2014-11-06 18:44:23
在這方面有什麼幫助? – 2014-11-07 14:15:14
嘿,隊友,你是從一個子目錄訪問腳本嗎?即cdn.yourwebsite.com? – Darren 2014-11-07 21:34:41
提供代碼,它將有助於調試。 – Darren 2014-11-06 03:14:46
沒有特別的代碼。一切都在bootstrap.css – 2014-11-06 03:15:52
什麼顯示控制檯?順便說一句,有很多選項更好,像fontawesome – 2014-11-06 03:15:53