Skip to main content
Andrew's Tech Classes

User account menu

  • Log in

Main navigation

  • Courses
  • Classes
  • Exercises
  • Resources
  • Questions
  • Tips
  • Articles
  • Projects
  • Search
  • Positions

Typography

Ever since we started writing things down, we've had to make decisions about how to format our text.

Fonts

What are fonts and how to choose them?

Types of fonts

  • Serif
  • Sans serif
  • Monospace
  • Script

Size & Space

Line height

Scaling

Font size

Color

Black on white or shades of grey?

Accessibility/contrast

Level
Beginner
Topics
#Typography
Resources
Using Type - Normalizationhttps://designsystem.digital.gov/design-tokens/typesetting/overview/#normalizat…
System Font Stackhttps://systemfontstack.com/
CSS with vertical rhythmhttps://drewish.com/tools/vertical-rhythm/
Modular Scalehttps://every-layout.dev/rudiments/modular-scale/
Modern Font Stackshttps://modernfontstacks.com/
Utopia.fyihttps://utopia.fyi/
Questions
What does a designer need to know about typography?

Course: Web Design

Intro To Web Design
Responsive Web Design
Design Systems
User Experience Design - UX
Design Process
Wireframing
Typography
Color
Branding
Forms
Design Tools

Footer

  • Portfolio
  • DrupalArchitect
  • GitHub
  • Sitemap