Consistent font-size across browsers (web development)

css fonts font-size
user63468 picture user63468 · Feb 6, 2009 · Viewed 39.9k times · Source

When creating web pages how do we achieve a consistent font size across browsers. I have used something like "font-size: 11pt; font-family: Helvetica,'Lucida Grande'" in my CSS, but the text looks different in Firefox, IE, Google Chrome and Safari (and this is not even on different platforms). Basically on the same machine, that is running Windows Vista, I get a different look and feel under different browsers.

How can this be fixed so that the size of text appears same on all the different browsers.

Answer

VBNight picture VBNight · Feb 6, 2009

You will want to use a CSS Reset to attempt to get consistent behavior across all browsers.

http://meyerweb.com/eric/tools/css/reset/

http://developer.yahoo.com/yui/reset/

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