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

Question

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

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

FF3.5 的@font-face 是否有其他人有任何问题？

score 5 · Accepted Answer

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

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

score 2 · Accepted Answer

我没有看到 format() 参数。

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

1

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

于 2009-12-22T16:33:56.267 回答

score 1 · Accepted Answer

我在使用 FireFox 5 时遇到了类似的问题，原来是因为我从文件 egfile:/// 本地加载站点。一旦我将该站点放在本地计算机上运行的 Web 服务器上，例如http://localhost:8080，它就可以工作了。

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

score 1 · Accepted Answer

1

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

于 2011-07-19T15:21:43.090 回答

score 1 · Accepted Answer

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

7 回答 7