SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Toronto, Ontario
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE font vs. Firefox Font

    Well when i use

    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: xx-small;

    In IE it shows up fine, but in Firefox it shows up much smaller and distorted a bit, is there anyway around this, is there something i can do to make the Firefox side look just as good as the IE side without changing fonts? Maybe adding some?

    Thanks,
    Mario

  2. #2
    Wanna-be Apple nut silver trophy M. Johansson's Avatar
    Join Date
    Sep 2000
    Location
    Halmstad, Sweden
    Posts
    7,400
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    If you need a font to look a specific way, you should use pixel size.
    Mattias Johansson
    Short, Swedish, Web Developer

    Buttons and Dog Tags with your custom design:
    FatStatement.com

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by M. Johansson
    If you need a font to look a specific way, you should use pixel size.
    Pixel-based (and point-based) font sizes won't let you change the text size at all in IE/Windows, which screws anybody with less than 20/20 vision at the xx-small size.

    Quote Originally Posted by Ethics
    Well when i use

    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: xx-small;

    In IE it shows up fine, but in Firefox it shows up much smaller and distorted a bit, is there anyway around this, is there something i can do to make the Firefox side look just as good as the IE side without changing fonts? Maybe adding some?

    Thanks,
    Mario
    Your issue here is most likely that IE is in quirks mode, which actually makes IE render fonts larger than it's supposed to. To get the same result in all browsers you can do something like this:
    Code:
    body {
     /*font size for IE users*/
     font-size: xx-small;
    }
    html>body {
     /*font size for all other browsers*/
     font-size: x-small;
    }

  4. #4
    SitePoint Enthusiast
    Join Date
    May 2004
    Location
    Sweden
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Also, make sure that the browsers are set to display text-size at medium/normal when comparing.
    It's a no-brainer but easily neclected.
    Im sure you thought of it, but still...

  5. #5
    SitePoint Enthusiast
    Join Date
    Sep 2004
    Location
    Indiana
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yea, I hate how the fonts always look diff. That info should help thanks!


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
  •