1. React
  2. You Gotta Love Frontend
  3. 2020
  4. Variable Fonts and Responsive Typography

Variable Fonts and Responsive Typography

Explore new and exciting creative opportunities for storytelling, design and expression in ways standard-fonts could never provide us.

Mandy Michael at You Gotta Love Frontend 2020

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices. We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Apis. This will allow us to modify our fonts to aid in storytelling, achieve improved readability and legibility in different situations, environments or on larger or smaller screens. Let’s explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.