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

Question

我在公司网站上创建了一个新页面。它看起来很棒，但仅在 Google Chrome 中。

字体在 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>