HTML - 字体仅在Chrome中显示正确，但在IE或Firefox中不显示

Question

我在公司网站上创建了一个新页面。它看起来很棒但仅限于谷歌浏览器。

字体无法在Internet Explorer和Firefox中正确显示。

以下是该页面的链接。 （实际内容位于iframe http://www.lynch.ie/test/map.html）

内

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

谢谢，

请帮助我，我跪在这一个！提前谢谢。

David L。

Answer 1

您似乎正在从其他域加载字体文件。

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>