@font-face 在 Firefox 3.5 中不起作用？答案

【问题标题】：@font-face isn't working in Firefox 3.5?@font-face 在 Firefox 3.5 中不起作用？
【发布时间】：2011-07-22 01:22:40
【问题描述】：

我在 CSS 文件中引用了一个 OpenType 字体，但它似乎不适用于 Firefox 3.5。它在 Safari 中完美运行。字体被相对引用，并且托管在同一台服务器上，但在另一个子目录中：

@font-face { font-family:'Font Name'; src:url(../fonts/Font-Name.otf) format('opentype') }

还有其他人对 FF3.5 的 @font-face 有任何问题吗？

【问题讨论】：

【解决方案1】：

哦！！！字体的 url 必须用双引号引起来 --> ""

单引号 ('') 不适用于 Firefox。不过它适用于 Chrome。

【讨论】：

【解决方案2】：

我没有看到 format() 参数。

【讨论】：

【解决方案3】：

我不完全确定这些更改中的哪一个解决了问题，但这就是问题得到解决后该行的样子：

@font-face { font-family:"FontName"; src:url("../fonts/Font-Name.otf") format("opentype"); }

【讨论】：

【解决方案4】：

我认为问题在于值的单引号。使用双引号。

【讨论】：

【解决方案5】：

我在使用 FireFox 5 时遇到了类似的问题，原来是因为我是从文件（例如 file:///）在本地加载站点。一旦我将网站放在本地机器上运行的网络服务器上，例如http://localhost:8080，它起作用了。

请注意，Chrome 在从文件加载时工作正常，我根据上面接受的答案指定了相对路径。

【讨论】：

【解决方案6】：

使用字体松鼠服务。它为您提供防弹代码并为您提供一致的结果。试试

【讨论】：

【解决方案7】：

我遇到了同样的问题。 NO QUOTES 已修复 - 单引号或双引号不适用于 FF。没有引号也适用于 chrome - 我没有费心尝试 IE b/c 它使用了不同的文件。

【讨论】：