Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

搜尋 Mozilla 技術支援網站

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

了解更多

Can someone look at this CSS to determine why @font-face is not working in v5.01

  • 1 回覆
  • 1 有這個問題
  • 1 次檢視
  • 最近回覆由 dpduke

more options
Locking duplicate thread.
Please continue here: [/questions/856795]

My @font-face has worked for months, then.. bosh! all of a sudden after a update to v5 which came out this week or last, my fonts are no longer working on my website?

Is this a bug? or did I not receive the memo of changes?

Keep in mind, it has worked for months and works on v3,v4.. and used to work on v5 before the update

Css:

@font-face {
font-family: "verdana";
src: url('/css/fonts/verdana.eot');
src: local(verdana), url('/css/fonts/verdana.ttf') format('opentype'); /* file for better browsers */
}

@font-face {
font-family: "verdanab";
src: url('/css/fonts/verdanab.eot');
src: local(verdanab), url('/css/fonts/verdanab.ttf') 
format('opentype'); /* file for better browsers */
}

@font-face {
font-family: verdanab;
src: url("/css/fonts/verdanab.eot") /* EOT file for IE */
}
@font-face {
font-family: verdana;
src: url("/css/fonts/verdana.eot") /* EOT file for IE */
}

@font-face{
font-family: "verdana";
src: url('/css/fonts/verdana.woff');
}
<blockquote>Locking duplicate thread.<br> Please continue here: [[/questions/856795]]</blockquote> My @font-face has worked for months, then.. bosh! all of a sudden after a update to v5 which came out this week or last, my fonts are no longer working on my website? Is this a bug? or did I not receive the memo of changes? Keep in mind, it has worked for months and works on v3,v4.. and used to work on v5 before the update Css: <pre><nowiki>@font-face { font-family: "verdana"; src: url('/css/fonts/verdana.eot'); src: local(verdana), url('/css/fonts/verdana.ttf') format('opentype'); /* file for better browsers */ } @font-face { font-family: "verdanab"; src: url('/css/fonts/verdanab.eot'); src: local(verdanab), url('/css/fonts/verdanab.ttf') format('opentype'); /* file for better browsers */ } @font-face { font-family: verdanab; src: url("/css/fonts/verdanab.eot") /* EOT file for IE */ } @font-face { font-family: verdana; src: url("/css/fonts/verdana.eot") /* EOT file for IE */ } @font-face{ font-family: "verdana"; src: url('/css/fonts/verdana.woff'); }</nowiki></pre>

由 cor-el 於 修改

所有回覆 (1)

more options

I've had users report a sudden font-loss problem, but haven't been able to duplicate it personally. However, I've seen several suggestions that Firefox doesn't like single-quotes to wrap the src url parameter. So you might try replacing those with double-quotes and see if life improves?