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!

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

This thread was archived. Jei jums reikia pagalbos, užduokite naują klausimą.

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

  • 1 reply
  • 1 has this problem
  • 1 view
  • Paskiausią atsakymą parašė 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>

Modified by 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?