Web Typography
1 like604 views
This document discusses key considerations for web typography including ensuring readability through logical layout, sufficient white space, line length and leading. It also covers choosing typefaces based on legibility for screens, visual contrast and personality matching content. Semantic emphasis through HTML tags and CSS is recommended for marking text areas or snippets.
Web Typography
- 1. WEB TYPOGRAPHYBalancing creativity and readability
- 2. “Typography exists to honor content.” - Robert Bringhurst
- 3. Characteristicsof webtype • Made up of pixels • On the fly construction • Consistency
- 4. webaliasing
- 8. LEGIBILITYfactors • Logical layout, visual contrast • White space • Alignment and justification • Line length • Leading and indents
- 10. useofwhitespace
- 11. useofwhitespace
- 14. Linelength
- 15. TextLeading
- 17. CHOOSINGTYPEFACES • Legibility on screen (x-height) • Difference of screen fonts and print fonts • Visual contrast • Theme/personality of the content • Flexibility
- 20. Ea EaEa Ea
- 22. differenttypeface groups • Serif • Slab-serif • Sans-serif • Decorative
- 43. Text
- 57. SemanticEmphasis • Use HTML tags to mark areas or snippets of text • Write CSS for designing the specific tags • Code is easily understood and updated