Web Typography - Type Face and Size

Font Size - Pixels or Points

16pt Times New Roman

16px Times New Roman

12pt Times New Roman

12px Times New Roman

Windows and Macintosh have different screen resolutions. Windows are usually set at 96 pixels per inch (ppi) and Macintosh is 72 ppi. One inch width line in Windows is 96 pixels and on a Mac is 72 pixels creating a difference of 24 pixels.
In graphical terms one point is 1/72 of an inch. Therefore on a Macintosh, 10-point type is 10 pixels, but on a PC it is about 13 pixels.
The new browser IE5 and NN6 have resolved this situation. The problems lies with the older browser which will show inconsistencies in font sizes.
Additional Font information at: Apple Font Sizing

Typography

Typeface can be classified into five-seven types: serif, sans serif, decorative, old-style, modern, transitional. Type on the web is Sans-serif. The purpose of the typeface is to make text on the page easy to read. Readability is the goal of all web designers.

Serif Fonts

Bookman Old-style
Times New Roman
New Century Schoolbook
Lucinda Bright
Serif Fonts are characterized by the decorative edges or feet and best used for large blocks of text.

Sans Serif Fonts

Arial
Comic Sans MS
Helvetica
Verdana
Sans means without therefore Sans Serif refers to type face without the feet. Sans-serif type is best used for headlines,titles and web text.

Cursive Fonts

Brush Script
Embassy BT
Park Avenue
Zapf Chancery
The cursive typeface are used for their general appearance but make web text difficult to read.

Web Page Readability Guide


Doris Cuffey, Instructor