搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Firefox 5 not loading @font-face. It worked for months a couple of days ago, why has it stopped working now? It works in v3&v4

  • 21 回覆
  • 26 有這個問題
  • 2 次檢視
  • 最近回覆由 tonka_atx

more options

Firefox is not loading @font-face on my site in v5

It has worked for months so it can't be the CSS. It also works in V3 and V4. Also I tested it on another machine with V5 and it seems to load the fonts

I have tried to reinstall firefox and delete profile but that just gives me an error.

Whats going on?

Is this just me?

Firefox is not loading @font-face on my site in v5 It has worked for months so it can't be the CSS. It also works in V3 and V4. Also I tested it on another machine with V5 and it seems to load the fonts I have tried to reinstall firefox and delete profile but that just gives me an error. Whats going on? Is this just me?

由 littleheadspin 於 修改

所有回覆 (1)

more options

i just came across post while googling for solution to the same issue(this and another post but neither provided a solution). After a bit more brute force css configuration trys i found the solution and maybe the issue.

first, code that works:

===

@font-face{font-family: 'impact'; src: local(), url('impact.ttf'), url('impact.eot'); } .title{color:#ff0000; font-size:144px; font-family:"impact";}

===

second, the issue(s): - the @font-face declaration that contains "local()" is a problem - if you include it("local()") even as empty it works, remove "local()" and firefox breaks.

- the font also has to be the actual name of the font "Impact" as "impact"(as pointed out earlier case does not matter) - setting font-family to something like "impact_mine" (which from what i read should be legal) breaks firefox.

that is how i got it working...

[just for kicks] tested it with FireFox 6, Google Chrome 13, Safari 5.1, and IE9 - all work. (ie nine works with the .ttf - (.eot for earlier IE's i guess))

由 tonka_atx 於 修改

  1. 1
  2. 2