How to set the font size using CSS

Friday, May 29th, 2009
Advertisement

Subscribe.
Enter your email:

First reset 1em to 10px for the whole page.

body {
	font-size: 62.5%; /* Resets 1em to 10px */
}

Finally, set the font size for a section, such as the content.

#content {
	font-size: 1.6em;
	line-height: 1.6em;
}

1.6em is equal to 16px.

The line-height is the distance between lines.

If you are new here, you might want to subscribe to the RSS feed or newsletter.

Enter your email address:

Creates the exact copy of your hard disk and allows you to instantly restore the entire machine.
New Acronis True Image Home 2010 is the most reliable and easy in use backup solution. Now with online backup option!
15% Discount Code: FMAATIH2010

What else?

Like this article? Share it

 Digg  del.icio.us  TwitThis  Facebook  Reddit  StumbleUpon

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>