YoVDO

Responsive Web Typography v2

Offered By: Frontend Masters

Tags

Web Design Courses Web Development Courses User Experience Courses Typography Courses Web Fonts Courses

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 Design
LinkedIn 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