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

时间:2009-08-14 19:27:03

标签: css fonts font-face typography

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

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

有没有其他人在使用FF3.5 @ font-face时遇到任何问题?

7 个答案:

答案 0 :(得分:5)

哦!您的字体的网址必须使用doublequote引用 - > “”

单引号('')无法用于Firefox。它适用于Chrome。

答案 1 :(得分:2)

答案 2 :(得分:2)

我不完全确定这些更改中的哪一个修复了问题,但这就是解决问题时的界限:

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

答案 3 :(得分:1)

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

答案 4 :(得分:1)

我遇到类似FireFox 5的问题,原因是我在本地从文件egfile:///加载网站。只要我将网站放在我本地计算机上运行的网络服务器上,例如http://localhost:8080,它有效。

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

答案 5 :(得分:1)

使用Font Squirrels服务。它提供了您的防弹代码和为您提供一致的结果。尝试

答案 6 :(得分:1)

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