Firefox fonts are too chunky

This site is best viewed in a modern browser with JavaScript enabled.

Marius_Miliunas

Here's an example of Firefox's font display
http://mvmdesign.org/other/Firefox%20Fonts.png

And here's Chrome's and every other browser's display
http://mvmdesign.org/other/Everyother%20Browser.png

I tried tampering with the font-weight in the css but nothing. Also I tried changing font size in browser preferences, still notta.

Cory_R

Can we see some code?

Marius_Miliunas

It's not code specific. It's all the text. Header, body, navigation.

Cory_R

This doesn't happen on other sites for me, so we need something to work with.

Kor

Marius Miliunas;1163206 wrote:
It's not code specific. It's all the text. Header, body, navigation.

No CSS?

Marius_Miliunas

I think it has to do with @font-face

aj_nsc

I always declare font-weight: normal and font-style: normal in my @font-face declarations. I'm not sure if that has anything to do with leveling the playing field between browsers or not:

@font-face {
	font-family: 'Avenir Heavy';
	src: url(fonts/avenir-heavy.eot); /* IE9 & compatibility modes */
	src: url(fonts/avenir-heavy.eot?) format('eot'), /* IE6-8 */
	url(fonts/avenir-heavy.woff) format('woff'), /* Firefox, Opera */
	url(fonts/avenir-heavy.ttf) format('opentype'), /* Chrome */
	url(fonts/avenir-heavy.svg) format('svg'); /* Safari */
    font-weight: normal;
    font-style: normal;
}

Marius_Miliunas

And you don't notice any difference cross browsers on like chrome?

Jeff_Mott

I don't think we have enough information to diagnose the issue. If you can post a sample online or attach one to a post here, then we can 1) verify, and 2) troubleshoot. But if all we get is a screenshot, then all we can do is speculate.

Marius_Miliunas

http://mvmdesign.org/2012/02/02/sketches/

Jeff_Mott

Looks like the difference is how the two browsers apply bold. You have two options to fix this. You could set your H2's font-weight to normal. Or, in your @font-face declaration, you could set the font-weight to bold.

Marius_Miliunas

It's also applied to the text on 'recent tweets' in the menu

Marius_Miliunas

Yup that solved it. God damn, I cannot thank you enough. This issue has plagued me for over a year now