Font size inconsistencies among different browsers - Webmaster Forum

08-06-2009, 04:28 PM

Wex

Status: I'm new around here
Join date: Jun 2009
Location: Cali
Expertise:
Software:

Posts: 7

iTrader: 0 / 0%

Wex is on a distinguished road

Font size inconsistencies among different browsers

Lately I've been working on making my sites more cross-browser compatible. I find that I can generally get the main elements of the site to be almost identical, however when it comes to fonts, things come out rather inconsistently. The biggest difference I see mainly comes out on an iPhone, specifically on header elements, however other browsers share similar problems. Does anyone know of any method to make font-sizing more consistent among browsers? Thanks to all who help.

08-06-2009, 04:46 PM

Garyrae

Status: Request a custom title
Join date: Dec 2005
Location: Colchester, UK
Expertise:
Software:

Posts: 4,625

iTrader: 16 / 100%

Garyrae is on a distinguished road

Are you using a reset stylesheet?

08-06-2009, 05:39 PM

Wex

Status: I'm new around here
Join date: Jun 2009
Location: Cali
Expertise:
Software:

Posts: 7

iTrader: 0 / 0%

Wex is on a distinguished road

I've tried to do a few small typographical resets, but I cant say I've found any techniques that really have worked. Can you recommend any?

08-07-2009, 05:47 PM

insub2

Status: Member
Join date: Jun 2007
Location:
Expertise:
Software:

Posts: 136

iTrader: 1 / 100%

insub2 is on a distinguished road

I've used Tripoli (a Reset/Rebuild) and have still had noticeable differences between browsers. But, you know what, that's okay.

Snook wrote an article about CSS Resets that is worth the read. I want to quote the whole thing. But alas...

I'm okay if one browser displays an H1 a few pixels larger or smaller than other browsers.

...

One of the principles I took away from the Web Standards community was the concept that pixel perfect precision across the various rendering engines was impractical and a remnant of the table-based layouts of yesteryear. With CSS and progressive enhancement, it was okay that things might look a little different from one browser to the next because of variations in what they supported.