www.webdeveloper.com
+ Reply to Thread
Results 1 to 13 of 13
  1. 07-07-2011 12:00 AM #1
    Marius Miliunas
    Marius Miliunas is offline Registered User
    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.
    Reply With Quote Reply With Quote
  2. 07-11-2011 02:19 AM #2
    Cory R
    Cory R is offline Neutral
    Join Date
    Jul 2006
    Location
    Weatherford, TX
    Posts
    207
    Can we see some code?
    Reply With Quote Reply With Quote
  3. 07-11-2011 07:50 AM #3
    Marius Miliunas
    Marius Miliunas is offline Registered User
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    It's not code specific. It's all the text. Header, body, navigation.
    Reply With Quote Reply With Quote
  4. 07-11-2011 09:28 AM #4
    Cory R
    Cory R is offline Neutral
    Join Date
    Jul 2006
    Location
    Weatherford, TX
    Posts
    207
    This doesn't happen on other sites for me, so we need something to work with.
    Reply With Quote Reply With Quote
  5. 07-11-2011 09:33 AM #5
    Kor's Avatar
    Kor
    Kor is offline Red Devil Moderator
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,427
    Quote Originally Posted by Marius Miliunas View Post
    It's not code specific. It's all the text. Header, body, navigation.
    No CSS?
    KOR
    Windows Forum
    Register as or Find a freelancer
    Offshore programming
    Reply With Quote Reply With Quote
  6. 02-20-2012 08:57 PM #6
    Marius Miliunas
    Marius Miliunas is offline Registered User
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    I think it has to do with @font-face
    Reply With Quote Reply With Quote
  7. 02-20-2012 09:06 PM #7
    aj_nsc's Avatar
    aj_nsc
    aj_nsc is offline JS/CSS Supernerd
    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.
    Reply With Quote Reply With Quote
  8. 02-20-2012 09:30 PM #8
    Marius Miliunas
    Marius Miliunas is offline Registered User
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    And you don't notice any difference cross browsers on like chrome?
    Reply With Quote Reply With Quote
  9. 02-20-2012 10:45 PM #9
    Jeff Mott's Avatar
    Jeff Mott
    Jeff Mott is offline Super Moderator
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,498
    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";
    Reply With Quote Reply With Quote
  10. 02-20-2012 10:53 PM #10
    Marius Miliunas
    Marius Miliunas is offline Registered User
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    http://mvmdesign.org/2012/02/02/sketches/
    Reply With Quote Reply With Quote
  11. 02-20-2012 11:31 PM #11
    Jeff Mott's Avatar
    Jeff Mott
    Jeff Mott is offline Super Moderator
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,498
    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";
    Reply With Quote Reply With Quote
  12. 02-20-2012 11:48 PM #12
    Marius Miliunas
    Marius Miliunas is offline Registered User
    Join Date
    Apr 2010
    Location
    Brooklyn NY
    Posts
    104
    It's also applied to the text on 'recent tweets' in the menu
    Reply With Quote Reply With Quote
  13. 02-21-2012 08:29 AM #13
    Marius Miliunas
    Marius Miliunas is offline Registered User
    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
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

Tags for this Thread

Bookmarks

Posting Permissions

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

Forum Rules

 HTML5 Development Center



Recent Articles