Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif

Typography-- Using Text Typography -- Using Text Fonts that are cross-platform: Windows Mac Unix Arial HelveticaHelvetica Times New TimesTimes Roman Courier New CourierCourier

Typography-- Using Text Typography -- Using Text Readability -- how easy it is to read a lot of text of text A clean serif typeface is most readable A clean serif typeface is most readable Not too big (not above 14 point) Not too big (not above 14 point) Not too small (not below 10 point) Not too small (not below 10 point) Never set large amounts of text in bold, italic, Never set large amounts of text in bold, italic, caps, small caps, script, etc. Small amounts caps, small caps, script, etc. Small amounts are OK when necessary. are OK when necessary.

Typography-- Using Text Typography -- Using Text Readability (cont.) -- Avoid very long lines of text -- never let text Avoid very long lines of text -- never let text spread out across the entire browser window. spread out across the entire browser window. Try to keep type in block indents. Try to keep type in block indents. Avoid very short lines of text -- very short lines Avoid very short lines of text -- very short lines break up the thought patterns too much. break up the thought patterns too much. Make sure there is enough contrast between Make sure there is enough contrast between the type and the background. the type and the background.

Typography-- Using Text Typography -- Using Text Legibility -- how easy it is to recognize short bursts of text such as short bursts of text such as headlines, buttons, signs, etc. headlines, buttons, signs, etc. Generally, use a sans serif typeface Generally, use a sans serif typeface Avoid special type faces where ascenders Avoid special type faces where ascenders hardly taller than the body, mix capitals hardly taller than the body, mix capitals and lower case together, etc. and lower case together, etc. Don’t set all type in caps Don’t set all type in caps

There are six ways to contrast type: Typography-- Using Text Typography -- Using Text Contrast text wisely 1. Size 1. Size 3. Structure 3. Structure 4. Form (shape) 4. Form (shape) 2. Weight (thickness) 2. Weight (thickness) 5. Direction (e.g. slant) 5. Direction (e.g. slant) 6. Color 6. Color

Strive for: Typography-- Using Text Typography -- Using Text Contrast text wisely (cont.) A contrasting relationship -- typefaces and A contrasting relationship -- typefaces and elements are clearly distinct from each other elements are clearly distinct from each other Be careful of : Be careful of : A concordant relationship -- only one type A concordant relationship -- only one type family family A conflicting relationship -- a combination of A conflicting relationship -- a combination of typefaces too similar in size, style, weight, etc. typefaces too similar in size, style, weight, etc.

Typography-- Using Text Typography -- Using Text Variables that affect how type appears on a user’s monitor -- a user’s monitor -- Browser’s default font Browser’s default font Browser’s default font size Browser’s default font size Resolution of the monitor Resolution of the monitor Windows 95 - custom font size setting in Windows 95 - custom font size setting in “display” “display” Font specified in HTML file by designer Font specified in HTML file by designer Font size specified in HTML file by designer Font size specified in HTML file by designer