We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

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

  • 1 eyano
  • 1 eza na nkokoso oyo
  • 1 view
  • Eyano yasuka ya dpduke

littleheadspin
littleheadspin
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>

Ezalaki modifié na cor-el

All Replies (1)

dpduke
dpduke
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?