Forum Moderators: phranque
.medium { font-size: 85%; }
.small { font-size: 75%; }
.large { font-size: 120%; }
In specific cases where I feel forced to fix the size (there are very few) I still use pixels because usually it's because I want it to match up with Some Stupid Graphic I created. :-)
.small-fixed { font-size: 10px; }
Nothing less than 13px for body copy. Will use 11px/12px for navigation links.
Trying to break away from the fixed environments is tough although I'm slowly making the transition.
For Web 2.0, nothing less than 14px for body copy, it all depends on the base font style chosen. With arial, you need to add, With verdana, you can subtract, With Tahoma you need to add. With a Serif font face, you'll need to add. It is all relative to the base font family.
On the one that's pretty straightforward, mostly displaying download products, I use Arial - for the same reason as k-v, as well as it probably being the font people are most used to reading. Exception on that site is an area with downloads for "fancy" greeting cards, stationery, etc., where I use TNR italic for the main page text but still Arial for the nuts and bolts.
On the one that's a content site about a specific topic but with lots of sections, I usually use Arial for for article text, but vary header font depending on the subject matter - comic sans for humorous articles, TNR for book reviews, etc. Since the various article types end up in different sections, I try to balance an all-over look for the site with giving each section a bit of its own character. Each section is in its own subdirectory, which makes this easier to set up for the headers without a lot of excess formatting.
Size varies.
--Edited because I typed "Ariel" instead of "Arial" throughout - Yeah, so I read Shakespeare sometimes, okay? :)
[edited by: Beagle at 1:55 pm (utc) on Feb. 22, 2007]