DesignAlso called: "type design", "font usage"
Typography shapes how text communicates meaning and tone in design.
Key elements
- Typeface: The design of letters (Arial, Times, Helvetica).
- Font: Specific size/weight/style (Arial Bold 14pt).
- Hierarchy: Size/weight differences show importance.
- Spacing: Leading (line height), tracking (letter spacing), kerning.
Classifications
- Serif: Traditional, readable (Times, Georgia).
- Sans-serif: Modern, clean (Arial, Helvetica).
- Monospace: Fixed-width (Courier, Consolas).
- Display: Decorative, attention-grabbing.
Best practices
- Limit to 2-3 typefaces per design.
- Ensure sufficient contrast for readability.
- Use appropriate line length (45-75 characters).
- Maintain consistent hierarchy.
- Consider accessibility (minimum 16px for body text).
Web typography
- Web fonts (@font-face, Google Fonts).
- Fallback font stacks.
- Variable fonts for responsive design.
- Performance considerations (FOUT/FOIT).
Related Articles
View all articlesWhy Use Lorem Ipsum Instead of
Discover why Lorem Ipsum is superior to repetitive filler text or keyboard mashing for design mockups. Learn how realistic letter distribution affects typography, readability assessment, and professional design workflows.
Read article →When Should I Use Lorem Ipsum Placeholder Text?
Learn exactly when Lorem Ipsum is appropriate for design projects and when it should be avoided. Discover best practices for using placeholder text in web design, print, UI/UX, and content strategy.
Read article →What is Lorem Ipsum and Where Did It Come From?
Discover the fascinating history of Lorem Ipsum, the world
Read article →What is GitHub Flavored Markdown (GFM)?
Learn about GitHub Flavored Markdown (GFM), GitHub
Read article →