1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Font size different in IE & Firefox

Discussion in 'Web Design & Development' started by mstyers, Mar 5, 2008.

Thread Status:
Not open for further replies.
Advertisement
  1. mstyers

    mstyers Thread Starter

    Joined:
    Jun 10, 2004
    Messages:
    71
    I'm having a problem with small fonts that view differently in IE and Firefox. I have tried to use 9px font size for a button and for a copyright and they appear to be different sizes in IE and Firefox. It seems that the size is much smaller in Firefox that IE. It doesn't seem to matter which font I use, I get the same problem.

    Has anyone experienced this? Have you found a solution?

    Thanks.
     
  2. tomdkat

    tomdkat Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,141
    I've hit this problem as well. I think using "em" as the font metric might provide more consistent results but I'm not 100% sure.

    Peace...
     
  3. mstyers

    mstyers Thread Starter

    Joined:
    Jun 10, 2004
    Messages:
    71
    Thanks for the response. I tried to use both em an px sizes but that didn't make a difference. I try to stay away from using pt.

    I am trying to avoid using different css for IE and Firefox(Mozilla). I have seen that other sites do this.
     
  4. tomdkat

    tomdkat Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,141
    Which specific font are you using? Are you noticing font size differences on the same computer but in different browsers?

    EDIT: Attached are screenshots of some text in IE 6 (Maxthon 2.0.8), Firefox 3b3, and Opera 9.5b3 on Windows XP.

    Peace...
     

    Attached Files:

  5. amanxman

    amanxman

    Joined:
    Mar 28, 2006
    Messages:
    690
    Some browsers will render fonts different - safari and IE7 for example have really now anti-aliasing (spelling??) which smooths edges etc and can make sizes look different...

    Also, could it be something as simple as the default text-size/screen zoom in your browser is set to other than normal? in Firefox for example you can change text size thru View/Text Size - if you have this in FF as smaller than "normal" then 9px will display as slightly smaller...

    :)

    amx
     
  6. mstyers

    mstyers Thread Starter

    Joined:
    Jun 10, 2004
    Messages:
    71
    tomdkat - I try to stick with the basic fonts for my text (arial, helvetica, times new roman, verdana). I don't think it is computer specific because I see this difference on three different computers.

    amanxman - I have the font view size to be medium on IE and normal on FireFox. You are probably right about the difference in rendering in each browser.

    Unfortunately, I think I may have to use different css for each browser or create images for the stuff that will be static.

    Thanks.
     
  7. amanxman

    amanxman

    Joined:
    Mar 28, 2006
    Messages:
    690
    there's nothing wrong with using different css calls for IE browsers - for a fully accessible website you often need to use ie6 and ie7 specific style sheet amends in addition to main anyway.
     
  8. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/690298