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
Web Design Tips: SVG DesignLinkedIn Learning Make Your First Website From Scratch - Adobe Dreamweaver® CC
Udemy UI & Web Design using Adobe Illustrator CC
Skillshare Responsive Design HTML CSS Web design - Dreamweaver CC
Udemy Adobe Animate CC: Creating an HTML5 Banner Ad
LinkedIn Learning