Responsive Web Typography v2
Offered By: Frontend Masters
Course Description
Overview
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!
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
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX