font size issues

Discussion in 'HTML' started by Tom, May 16, 2004.

  1. Tom

    Tom Guest

    Hi
    Have just released the following site to the world (www.clearpower.ie) - and
    it works fine on IE 6, Mozilla Firefox 0.8 and Opera 7 on a PC.
    The client was looking at the site on a friend's laptop this evening and
    commented that the font size was rendered unreadable on their particular
    machine. He was unclear of the setup but I was hoping that you guys could
    take a look at it and let me know if you come across any problems.
    Thanks
    T
     
    Tom, May 16, 2004
    #1
    1. Advertising

  2. Tom

    Whitecrest Guest

    In article <c88o0c$cks$>, says...
    > Hi
    > Have just released the following site to the world (www.clearpower.ie) - and
    > it works fine on IE 6, Mozilla Firefox 0.8 and Opera 7 on a PC.
    > The client was looking at the site on a friend's laptop this evening and
    > commented that the font size was rendered unreadable on their particular
    > machine. He was unclear of the setup but I was hoping that you guys could
    > take a look at it and let me know if you come across any problems.
    > Thanks


    Change the size of your text and watch it fall apart
    --
    Whitecrest Entertainment
    www.whitecrestent.com
     
    Whitecrest, May 16, 2004
    #2
    1. Advertising

  3. Tom

    Els Guest

    Tom wrote:

    > Hi
    > Have just released the following site to the world (www.clearpower.ie) - and
    > it works fine on IE 6, Mozilla Firefox 0.8 and Opera 7 on a PC.
    > The client was looking at the site on a friend's laptop this evening and
    > commented that the font size was rendered unreadable on their particular
    > machine. He was unclear of the setup but I was hoping that you guys could
    > take a look at it and let me know if you come across any problems.
    > Thanks


    I'm on 19inch set at 1280x1024, and I can read it. But my
    dad won't be able to without his reading glasses.
    0.7em is too small.

    Now imagine if I wouldn't have Verdana...
    Just set your own screen resolution as high as you can, take
    Verdana out of your css, and see if your dad (or your
    granddad if you're young enough ;-) ) can read it.

    --
    Els
    http://locusmeus.com/
    Sonhos vem. Sonhos vão. O resto é imperfeito.
    - Renato Russo -
     
    Els, May 16, 2004
    #3
  4. Quoth the raven Tom:
    > Hi Have just released the following site to the world
    > (www.clearpower.ie) - and it works fine on IE 6, Mozilla Firefox
    > 0.8 and Opera 7 on a PC. The client was looking at the site on a
    > friend's laptop this evening and commented that the font size was
    > rendered unreadable on their particular machine. He was unclear of
    > the setup but I was hoping that you guys could take a look at it
    > and let me know if you come across any problems. Thanks T


    Same old issue here. Drop Verdana from your font choices and change
    your content font sizes to 100% rather than 0.7em. That is 70% of my
    default. And apparently the client's default. Use percent instead of
    em due to the weird IE bug that won't render ems correctly in some
    versions.

    You also have h1, h2, h3, h4, h5, h6 all set as 1em. Why not vary them
    in accordance with the level, say h1 at 150-200%, h2 at 140-175% and
    so forth.

    Get rid of the scrolling div on the Contact us page.

    --
    -bts
    -This space intentionally left blank.
     
    Beauregard T. Shagnasty, May 16, 2004
    #4
  5. Tom wrote:
    > Have just released the following site to the world (www.clearpower.ie) -
    > and it works fine on IE 6, Mozilla Firefox 0.8 and Opera 7 on a PC.
    > The client was looking at the site on a friend's laptop this evening and
    > commented that the font size was rendered unreadable on their particular
    > machine. He was unclear of the setup but I was hoping that you guys could
    > take a look at it and let me know if you come across any problems.


    It looks like you have hit the "Internet Explorer gets em wrong when the
    user has something other then Medium for their font size".

    The fix is:

    body { font-size: 100.01%; }

    (Actually, just setting the body to 100% is enough, but that triggers
    another bug in some versions of Opera which treats 100 per cent as 100 per
    cent less one pixel, so the .01 work around is added for that.)

    Browser bugs. Such fun.

    --
    David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
     
    David Dorward, May 16, 2004
    #5
  6. Tom

    Marc Nadeau Guest

    Tom a schtroumphé:

    > Hi
    > Have just released the following site to the world
    > (www.clearpower.ie) - and it works fine on IE 6, Mozilla
    > Firefox 0.8 and Opera 7 on a PC. The client was looking at the
    > site on a friend's laptop this evening and commented that the
    > font size was rendered unreadable on their particular machine.
    > He was unclear of the setup but I was hoping that you guys
    > could take a look at it and let me know if you come across any
    > problems. Thanks T


    Try replacing

    font-size 1em;

    with

    font-size: 100%;


    Althought the former is correct and conforming with the
    standards, most if not all versions of MSIE do not interpret
    those the way they should.

    Your page may seem ok in IE6 on a desktop but the fonts do not
    resize correctly with the browser's configuraton of the laptop.


    --
    mv sco /dev/null
    Marc Nadeau # La Pagerie /* http://www.pagerie.com */
     
    Marc Nadeau, May 17, 2004
    #6
  7. Tom

    Tom Guest

    > Same old issue here. Drop Verdana from your font choices and change
    > your content font sizes to 100% rather than 0.7em. That is 70% of my
    > default. And apparently the client's default. Use percent instead of
    > em due to the weird IE bug that won't render ems correctly in some
    > versions.


    Thanks for the comments guys
    Have implemented the 100.01% fix and changed the font size from 0.7 to 0.8
    em.
    Not clear on your issue with Verdana? What would you propose replacing it
    with?
    T
     
    Tom, May 17, 2004
    #7
  8. Quoth the raven Tom:

    >> Same old issue here. Drop Verdana from your font choices and
    >> change your content font sizes to 100% rather than 0.7em. That
    >> is 70% of my default. And apparently the client's default. Use
    >> percent instead of em due to the weird IE bug that won't render
    >> ems correctly in some versions.

    >
    > Thanks for the comments guys Have implemented the 100.01% fix and
    > changed the font size from 0.7 to 0.8 em. Not clear on your issue
    > with Verdana? What would you propose replacing it with? T


    Verdana is too large. It may look ok to your eyes, on your monitor.

    http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

    0.8em is still only 80% of your visitor's default, desired size. You
    need to remove the font-size from #rightcontent and #rightcontent2 so
    as to allow the body's font-size to cascade.

    You might consider fonts:
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    --
    -bts
    -This space intentionally left blank.
     
    Beauregard T. Shagnasty, May 17, 2004
    #8
  9. Tom

    Neal Guest

    On Mon, 17 May 2004 09:04:00 +0100, Tom <> wrote:

    >> Same old issue here. Drop Verdana from your font choices and change
    >> your content font sizes to 100% rather than 0.7em. That is 70% of my
    >> default. And apparently the client's default. Use percent instead of
    >> em due to the weird IE bug that won't render ems correctly in some
    >> versions.

    >
    > Thanks for the comments guys
    > Have implemented the 100.01% fix and changed the font size from 0.7 to
    > 0.8
    > em.
    > Not clear on your issue with Verdana? What would you propose replacing it
    > with?
    > T


    Good luck finding a suitable replacement on anyone's computer. That's part
    of the problem.

    When you set Verdana to 100%, it looks awkwardly big. So authors generally
    scale it down. However, when a user without Verdana reads the site, the
    font is replaced by, say, Arial, which at the same font size you put
    Verdana is terribly illegible. So wither you make Verdana look goofy big
    so that the replacements won't be too small, or you make the replacement
    font the UA uses instead illegible because it's a good size for Verdana.
     
    Neal, May 17, 2004
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Andreas Klemt
    Replies:
    6
    Views:
    11,096
    Peter Theill
    Nov 28, 2004
  2. dave richards
    Replies:
    2
    Views:
    616
    Paul Furman
    Feb 19, 2004
  3. Wongod
    Replies:
    2
    Views:
    715
  4. wial
    Replies:
    2
    Views:
    825
  5. mttc
    Replies:
    2
    Views:
    2,408
    Roedy Green
    Jul 3, 2009
Loading...

Share This Page