Font Size - Point or Pixel?

[raymor]

Point or Pixel?

No! It's none of your business how many pixels my screen has, nor how
big I need it in order to see it clearly. Your business is to emphasize or
de-emphasize text by making one part larger or smaller.

Any of the following CSS size codes are appropriate for a designer.
For example on a copyright notice "smaller", "small" or "x-small" might be
good, but it's none of your business how many pixels is "x-small" to me:

x-small 	Sets the font-size to an extra small size
small 	Sets the font-size to a small size
medium 	Sets the font-size to a medium size. This is default
large 	Sets the font-size to a large size
x-large 	Sets the font-size to an extra large size
xx-large 	Sets the font-size to an xx-large size
smaller 	Sets the font-size to a smaller size than the parent element
larger 	Sets the font-size to a larger size than the parent element

Also a percentage size such as "125%" might make sense, or maybe "70%".
That let's you say you want this text a bit bigger or smaller than the rest,
without making it invisible through my coke bottle glasses. This is especially
important with the recent rise of mobile, though we've seen the same thing
in prior years with WebTV, Playstation, etc. 20 pixels on a TV is 8% of the screen.
20 pixels on most monitors is closer to 2%, so on the TV it's four times times as tall.
On my "dumb" phone, you have no idea what 20 pixels is, but you know that
"larger" will be exactly that - larger than normal.

While writing this, I was on the phone with a guy who has his browser to set
about 32point font by default, because he doesn't see well. If you set either
a point size or a pixel size you'll lose him.

See also:
http://www.w3schools.com/css/pr_font_font-size.asp