HTML - 僅在Chrome中顯示正確的字體，但不在IE或Firefox中顯示正確

我在公司網站上創建了一個新頁面。它看起來很棒，但只能在Google Chrome中使用。HTML - 僅在Chrome中顯示正確的字體，但不在IE或Firefox中顯示正確

字體在Internet Explorer或Firefox中無法正確顯示。

這裏是鏈接到頁面。（實際內容是一個iframe這是http://www.lynch.ie/test/map.html內）

http://www.lynch.ie/test/test.html

感謝，

請幫我而言，我在我的膝蓋與這一個！先謝謝你。

David L.

來源

2013-09-28 David Lynch

相關鏈接：http://www.fontsquirrel.com/tools/webfont-generator和http://stackoverflow.com/questions/220236/how-to-embed-fonts-in-html –

當使用IE 10查看您的網站時，我多次發現'CSS3117'錯誤！請看看開發控制檯（'F12'）。 – ComFreek

謝謝你們，我讀過所有這些，看看我能想出什麼。欣賞你的時間。 –

看起來您正在加載來自不同域的字體文件。

Firefox和IE瀏覽器可能不允許，除非你設置了Access-Control-Allow-Origin頭，樣品（學分Callum Silcock's blog article）：

AddType font/ttf .ttf 
AddType font/eot .eot 
AddType font/otf .otf 
AddType font/woff .woff 

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

來源

2013-09-28 16:35:52 ComFreek

這是真的，我試圖將它們本地添加到http://www.lynch.ie/test/fonts/並更新.css文件，但它似乎不工作？ –

@DavidLynch我改變了'font-family'屬性（使用開發控制檯）到''GothamLight「，」Wingdings「和IE顯示我Wingdings字體。第一種字體無法以某種方式加載。 – ComFreek

@DavidLynch嘗試將EOT文件作爲最後的源代碼（請參閱[本文]（http://stackoverflow.com/a/14506177/603003））。問題是否因爲你接受了我的回答而解決？ – ComFreek

HTML - 僅在Chrome中顯示正確的字體，但不在IE或Firefox中顯示正確

回答

相關問題