Font size in CSS - % or em?

css fonts font-size
Mats picture Mats · Sep 25, 2008 · Viewed 45.9k times · Source

When setting the size of fonts in CSS, should I be using a percent value (%) or em? Can you explain the advantage?

Answer

Glenn Slaven picture Glenn Slaven · Sep 25, 2008

There's a really good article on web typography on A List Apart.

Their conclusion:

Sizing text and line-height in ems, with a percentage specified on the body (and an optional caveat for Safari 2), was shown to provide accurate, resizable text across all browsers in common use today. This is a technique you can put in your kit bag and use as a best practice for sizing text in CSS that satisfies both designers and readers.

Related questions

Is there such a thing as min-font-size and max-font-size?

I'm trying to make a font in a div responsive to the browser window. So far, it has worked perfectly, but the parent div has a max-width of 525px. Resizing the browser further will not make the font stop resizing. …

Read More
How to change FontSize By JavaScript?

This code is not working var span = document.getElementById("span"); span.style.fontsize = "25px"; span.innerHTML = "String";

Read More
Font size auto adjust to fit

I'm trying to do what the title says. I've seen that font-size can be a percentage. So my guess was that font-size: 100%; would do it, but no. Here is an example: http://jsfiddle.net/xVB3t/ Can I get some …

Read More