So I am going on some mad CSS biz at my arubaito, and I was looking at my progress across a few different platforms.
I was wondering what is the best way to call out your font size (em, px, ect) to have it be the most consistent it can? I see a lot of different variables, and I'm just wondering what you other peoples are getting down on.
i generally do the same. i.e. set a 'px' in the body and 'em' it from thereon in - its not perfect but its a means of control.
be warned there is absolutely no consistency across the browsers and how they present the relatively scaled font sizes - if you are comfortable with that then ok
otherwise its a case of working it out and then specifying 'px' for each element that varies from its parent.
even then, doing that you have to be aware that different broswers will behave differently to a user instruction to increase or decrease the font size. specifying an absolute size overrides the users default settings but causes problems mostly in i.e. when user wants to resize text. while understandable it is against the w3c spec.
the recommendation from accessibility guys is that browsers default to 16px when they are first installed but you cant rely on that either of course as many will change it.
With any luck, Firefox and Safari developers will follow Opera and IE and do the whole page zoom thing and font resizing will become a smaller pain in the arse.