In this course, Jason Pamental demonstrates type fundamentals to create better user experiences on mobile and desktop. Following along with the course, you'll learn how to implement web fonts and create a modern, scalable typographic system. Plus, Jason gives an overview of variable fonts, a type file standard developed to reduce page weight with smaller font sizes and achieve more flexible designs than ever before!
Overview
Syllabus
- Course Overview
- Responsive Type Overview
- Responsive Type Q&A
- Typography 101
- Anatomy of Letterforms
- Type Styles, Selection, & Pairing
- Web Fonts Performance
- Progressive Enhancement
- Flash of Unstyled Text
- Proportion
- Letter Spacing Polish
- Web Font Tips & Tricks
- Web Fonts Demonstration
- Responsive Variable Fonts
- Variable Fonts Browser Support
- Variable Font Evolution
- Variable Font Resources
- Loading Web Fonts
- Common Font Issues
- Coding Web Fonts
- Font Loading Stages
- Changing Type Faces
- Typography for Reading
- Set Root Min & Max Font Size
- Variable Font Demonstration
- CSS Variables
- Variable Fonts Fallback
- Variable Font Q&A
- Variable Font Features
- Pulling From History
- OpenType Features
- Text-First Design
- Adding Font Features
- Editorial Design
- Editorial Design with Variable Fonts
- Font Variation Demos
- Editorial Design Code
- Variable Font CodePen Demos
Taught by
Jason Pamental
