You can use relative sizes in style sheets "small", "large", "larger" are valid ways to set font size in a style sheet, as is "120%", "80%". These are all relative to the size set as base for the parent element; which means depending on what the size has been set before.

The best way, though, is to use "em"s which are the width of the "m" in a given font. There is a corresponding "ex" for the height of the "x" in a given font, but "ex" support is poorer than "em" support.

Everything above will scale with the scaling of your browser "ctrl"+"-" or "ctrl"+"+" in IE and deratives, or "ctrl"+mousewheel in Opera (also accepts the IE shortcuts, as does Mozilla, IIRC).

So the best solution is to use the relative measurements, as opposed to the absolute "pt" points and "px" for pixels (which is default if any value is entered without measurement unit).

It is easy to do the right thing when one knows the above stuff; what I'm grumpy about is thast a lot of people still teach the font tag, and a lot of old html pages on the net says the same, etc.

I have an idea, there should be a way to demolish unhealthy sites like old HTML tutorials. Just like it is possible to condemn buildings, we should be able to condemn old websites.

RFCxxxx - Real Time Condemnation Protocol
--
When in doubt,
turn around,
cry and shout

spdyvkng - my homepage
[ Parent ]