www.webdeveloper.com
Results 1 to 13 of 13

Thread: Firefox fonts are too chunky

  1. #1
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104

    Unhappy Firefox fonts are too chunky

    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.

  2. #2
    Join Date
    Jul 2006
    Posts
    207
    Can we see some code?

  3. #3
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    It's not code specific. It's all the text. Header, body, navigation.

  4. #4
    Join Date
    Jul 2006
    Posts
    207
    This doesn't happen on other sites for me, so we need something to work with.

  5. #5
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Quote Originally Posted by Marius Miliunas View Post
    It's not code specific. It's all the text. Header, body, navigation.
    No CSS?

  6. #6
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    I think it has to do with @font-face

  7. #7
    Join Date
    Dec 2005
    Posts
    2,984
    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:

    Code:
    @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;
    }
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  8. #8
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    And you don't notice any difference cross browsers on like chrome?

  9. #9
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,503
    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.
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

  10. #10
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104

  11. #11
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,503
    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.
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

  12. #12
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    It's also applied to the text on 'recent tweets' in the menu

  13. #13
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    Yup that solved it. God damn, I cannot thank you enough. This issue has plagued me for over a year now

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles