Typography for Web Design

223 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
223
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Typography for Web Design

  1. 1.  Typography on theWeb
  2. 2. Readability  Refers to how easy it is to read a lot of text, extended text, pages and pages of text. In printed pages that are text heavy, a clean serif face is most readable
  3. 3. Increasing the Readability  Generally in print, we use a serif typeface for extended text; on the screen  Never set large amounts of text in bold, italic, all caps, small caps, script, etc. Small amounts of these are okay when necessary
  4. 4. Continued  Avoid very long lines of text - text spread out across the entire browser window is hard to read. Long lines make it difficult for the reader’s eye to find the beginning of the next line, especially on a screen.  On the Screen, shorter lines are better than longer lines, but avoid very short lines of body copy  Make sure there’s enough contrast between the type and the background
  5. 5. Legibility  Refers to how easy it is to recognize short bursts of text, such as headlines, buttons, signs, etc. In print and on the screen, sans serif faces are more legible.
  6. 6. Increasing Legibility  Generally, use a sans serif typeface  Don’t set type in all caps, unless you really need the rectangular look of an all-caps word
  7. 7. Cross-platform fonts  Arial  Arial Black  Comic Sans  Courier  Georgia  Impact  Times New Roman  Verdana
  8. 8. Underline  On web pages underlines are important to identify links  Don’t underline text that is not a link  If you take away an underline from a link make sure that it is obviously a link  (Don’t make people think too much)

×