Skip navigation
dougcoms
Currently Being Moderated

various font sizes

Dec 20, 2013 3:14 PM

I have used em for fonts and am having problems with sizes in Chrome (only) is there a way to control Chrome font size?

 
Replies
  • Currently Being Moderated
    Dec 20, 2013 3:51 PM   in reply to dougcoms

    Em values are probably the most difficult values to work with. Here's why: 1em is equal to the current font-size of the element in question. If you haven't set a base font size anywhere on the page, then it would be the browser's default, which is probably 16px. So by default 1em = 16px.   If you were to go and set a font-size in your browser or the body of your CSS to say 20px, then 1em = 20px.

     

    Ensure your Chrome browser's zoom level is set to normal -- Ctrl+0 (zero) = normal or 100% zoom level. 

     

    Also ensure that your Chrome browser is using a default font-size of 16px and not 20px.

     

    Establish a base font-size in your body CSS.

     

    body {

    font-size: 16px;

    }

     

    #wrapper {

    font-size: 1em;

    }

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points