Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Learn More

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

Webfonts in headings don't display correctly

  • 2 antwurd
  • 2 hawwe dit probleem
  • 21 werjeftes
  • Lêste antwurd fan cor-el

more options

I'm designing a website with @fontface fonts hosted locally on my site. Fonts display properly in all browsers except Firefox... and it's probably something really simple that's wrong. Body text is okay, but headings and classes don't work. I uploaded a few start pages to http://www.wineartandheart.org to test them... hope someone can help?

I'm designing a website with @fontface fonts hosted locally on my site. Fonts display properly in all browsers except Firefox... and it's probably something really simple that's wrong. Body text is okay, but headings and classes don't work. I uploaded a few start pages to http://www.wineartandheart.org to test them... hope someone can help?

Keazen oplossing

Note that the Web Console (Firefox/Tools > Web Developer) shows a missing ';' in a style rule:

Expected end of value but found ':'.  Error in parsing value for 'font-family'.  Declaration dropped.
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Urbana-Medium, Urbana-light, "Trebuchet MS", sans-serif /* missing semi colon */
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 6em;
	float: right;
}
Dit antwurd yn kontekst lêze 👍 0

Alle antwurden (2)

more options

Could you use the Inspector feature to see what font Firefox is using? You can right-click an element and choose Inspect Element (Q). On the right side of the Inspector pane, click Font. (Screen shot attached.)

More generally, when you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.

(1) Bypass Firefox's Cache

Firefox menu > Preferences > Advanced

On the Network mini-tab > Cached Web Content : "Clear Now"

If you have a large hard drive, this might take a few minutes.

(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:

  • right-click and choose View Page Info > Security > "View Cookies"
  • Tools menu > Page Info > Security > "View Cookies"

In the dialog that opens, you can remove the site's cookies individually.

Then try reloading the page. Does that help?

more options

Keazen oplossing

Note that the Web Console (Firefox/Tools > Web Developer) shows a missing ';' in a style rule:

Expected end of value but found ':'.  Error in parsing value for 'font-family'.  Declaration dropped.
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Urbana-Medium, Urbana-light, "Trebuchet MS", sans-serif /* missing semi colon */
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 6em;
	float: right;
}