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

Question

我在公司網站上創建了一個新頁面。 它看起來很棒，但僅限於谷歌瀏覽器。

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

這是該頁面的鏈接。 （實際內容在iframe中， http：//www.lynch.ie/test/map.html ）

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

謝謝，

請幫助我，我跪在這一個！ 先感謝您。

大衛L.

Answer 1

您似乎正在從其他域加載字體文件。

Firefox和可能的IE不允許這樣做，除非你設置一個Access-Control-Allow-Origin標題，示例（來自Callum Silcock的博客文章 ）：

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>