Typography for Web Design
Upcoming SlideShare
Loading in...5
×
 

Typography for Web Design

on

  • 62 views

 

Statistics

Views

Total Views
62
Views on SlideShare
62
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Typography for Web Design Typography for Web Design Presentation Transcript

  •  Typography on theWeb
  • 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
  • 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
  • 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
  • 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.
  • 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
  • Cross-platform fonts  Arial  Arial Black  Comic Sans  Courier  Georgia  Impact  Times New Roman  Verdana
  • 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)