我在CSS文件中引用了OpenType字体,但它似乎在Firefox 3.5中不起作用。它在Safari中完美运行。该字体是相对引用的,并且托管在同一台服务器上,但在另一个子目录中:
@font-face { font-family:'Font Name'; src:url(../fonts/Font-Name.otf) format('opentype') }
有没有其他人在使用FF3.5 @ font-face时遇到任何问题?
答案 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它使用了不同的文件。