Typography for Developers Tutorial - Full Course

Typography for Developers Tutorial - Full Course

freeCodeCamp.org via freeCodeCamp Direct link

) Introduction: What is Typography?

1 of 29

1 of 29

) Introduction: What is Typography?

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Typography for Developers Tutorial - Full Course

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ) Introduction: What is Typography?
  2. 2 ) Typography vs Lettering
  3. 3 ) Typeface vs Font
  4. 4 ) How Typography Affects User Experience (UX)
  5. 5 ) Elements of TypeFace
  6. 6 ) Serifs
  7. 7 ) Sans-serifs (Without serifs)
  8. 8 ) Letterform Contrast
  9. 9 ) Text Contrast in Comparison to the Background
  10. 10 ) Text Color Contrast
  11. 11 ) Typeface Genres (Types of Typefaces)
  12. 12 ) Serif Sub-genres
  13. 13 ) Sans-serifs Sub-genres
  14. 14 ) Scripts
  15. 15 ) Print Design vs Digital Design
  16. 16 ) Help Clients Understand the Benefit of Good Fonts
  17. 17 ) Fixed vs Fluid Layouts
  18. 18 ) Choosing and Using Typefaces
  19. 19 ) Installing Fonts
  20. 20 ) A word on Font Formats
  21. 21 ) Choosing a Text Typface
  22. 22 ) Counters (Enclosed whitespace in Text)
  23. 23 ) Typeface 'Mood' Matching the Content
  24. 24 ) Choosing a Display Typeface
  25. 25 ) Translating Text Typeface to Display Typeface
  26. 26 ) Weight, Styles & Sizes
  27. 27 ) Faux Bold & Italics vs True Bold & Italics
  28. 28 ) Font Weighting & Styles
  29. 29 ) Design Project using Figma

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.