Wondering how to correspond XHTML font sizes (1, 2, 3, 4, 5, 6, 7) to CSS pt and px configurations? Like so many areas in web technology, the answer is ... it depends! Since the pt is browser dependent (for example, 12 pt looks different when various browsers are used to display web pages) and the px is monitor-resolution dependent, there is no hard and fast rule for correspondence. CSS fonts can also be configured usin "ems" (relative size -- the term is borrowed from the print industry) which is something I don't get into at this point -- after all it's just your first week using CSS! |
View a page containing a table with various configurations in multiple browsers and in different monitor resolution settings. You'll see differences in the display of the text.
Note that the CSS font size text values (such as xx-small, x-small, small, large, x-large, xx-large) roughly correspond to the numerical font sizes of 1 through 7.
Deciding on the target client platform (including browser and monitor resolution) is part of the web design process.
Right now, Internet Explorer at 1028x768 and 800x600 resolution is the most common, although Firefox is gaining support. |
