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

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

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

  • 1 svar
  • 1 har detta problem
  • 1 visning
  • Senaste svar av 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>

Ändrad av cor-el

Alla svar (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?