字体无法在 Firefox 中加载，但可以在 chrome 中使用答案

【问题标题】：Font does not load in firefox but works in chrome字体无法在 Firefox 中加载，但可以在 chrome 中使用
【发布时间】：2012-06-23 15:01:55
【问题描述】：

字体有问题，不确定为什么要为 Chrome 加载，但在 Firefox 中似乎没有加载。

这是example

提前致谢

【问题讨论】：

可能对你有帮助fontsquirrel.com/blog/2010/11/…
fiddle 在 Chrome 中工作正常，这意味着代码很好
stackoverflow.com/questions/2856502/…的可能重复

标签： css fonts font-face

【解决方案1】：

你使用：

<base href="http://www.site.com/" />

如果是这样，请将其更改为：

<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />

【讨论】：

【解决方案2】：

几周前我遇到了同样的问题。

我所做的只是添加 local('*Name of Font*) 以便浏览器查找字体

Firefox 很奇怪。我注意到在开发本地服务器中，它会尝试从您的安装字体集中加载字体，然后再尝试在您指定的路径中实际查找 src 字体。

那是本地的将帮助它告诉它查看本地字体集。

【讨论】：

【解决方案3】：

将字体保存在同一目录中并像这样应用这将工作我已经检查了我的 firefox 12.0

@font-face
{
    font-family: 'Play';
    src: url('play.ttf');
}
.font
{
    font-family: "play";
    font-size: 20px;
}

<p class="font">TESTING</p>

【讨论】：

【解决方案4】：

在 Firefox (Gecko) 中，web fonts 受到相同的域限制（字体文件必须与使用它们的页面位于同一域），除非使用 HTTP 访问控制来放松这个限制。

注意：由于没有为 TrueType、OpenType 和 Web 开放文件格式 (WOFF) 字体定义 MIME 类型，因此不考虑指定文件的 MIME 类型。

【讨论】：

【解决方案5】：

我认为直接从 Google 使用它可能会更好。那么您无需担心任何版权问题，而且它是免费的。

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:

【讨论】：

【解决方案6】：

查看这个 SO 线程，它与您遇到的问题完全相同。其他社区提供了建议的解决方法并帮助解决了这个问题：

css @font-face not working with firefox, but working with chrome and IE

【讨论】：

【解决方案7】：

Firefox 只接受字体的相对路径。如果您想使用与页面所在域不同的域来托管字体，则必须遵循 Mozilla 的HTTP access control 政策：

此跨域共享标准用于启用跨站点 HTTP 请求：

[...]

Web 字体（用于 CSS 中 @font-face 中的跨域字体使用

【讨论】：

【解决方案8】：

我认为 Firefox 仅支持 TrueType/OpenType TT(.ttf) 和 OpenType PS (.otf)。

看看this table。

编辑：我认为你的答案是here。

【讨论】：