Resources | Responsive Web Typography

OpenType Font Features Guide

by Jason Pamental

Font features or variants refer to different glyphs or character styles contained within an OpenType font. These include things like ligatures (special glyphs that combine...

// Article

Jason on the Thunder Nerds podcast

by Jason Pamental

The awesome folks at the Thunder Nerds podcast invited me to sit down with them at An Event Apart Orlando to talk about anything and...

// Podcast

The Big Web Show: The Future and Past of Web Typography with Jason Pamental

by Jason Pamental

I got to be Jeffrey Zeldman’s guest on episode 179 of The Big Web Show. For more than an hour, we got to geek out...

// Podcast

Variable Font Preview

by Mark Fömberg

A really useful little plugin for the Glyphs type design application to preview variation axes of a variable font right within Glyphs, skipping the need...

// Software

Variable Fonts Guide

by Jason Pamental

Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file...

// Article

An Exploration of Variable Fonts

by Mathieu Triay

Mathieu is a creative technologist with the BBC, and wrote a really great post about their explorations of variable fonts stemming from a workshop they...

// Article

Responsive Type and Typography Workshop on Frontend Masters

by Jason Pamental

I recorded an update to my full-day Responsive Typography workshop to include a whole new typographic system and variable fonts. It covers screen scaling, modern...

// Online Course

Evolution of Typography with Variable Fonts published on Monotype.com

by Jason Pamental

I originally wrote this essay as part of the FF Meta variable font demo that Monotype commissioned me to create. It’s now been published on...

// Article

Jen Simmons’ Labs site

by Jen Simmons

Jen Simmons has been speaking about and advocating for better, more thoughtful design on the web for years. Her Labs site is a collection of...

// Website

Rachel Andrew’s Grid by Example

by Rachel Andrew

Rachel is a long-standing proponent of the CSS Grid specification, and has been instrumental in its formation and adoption. Her site is the first place...

// Website

Font Playground

by Wenting Zhang

Wenting (@DesignJokes) is an amazing developer and designer at Adobe, and has come up with some truly innovative interface ideas for playing with type and...

// Website

Flexible Typesetting

by Tim Brown

Tim Brown (@typesetting) illuminates the complex, beautiful world of typesetting—arguably the most important part of typography because it forms the backbone of the reading experience—and...

// Book

Mandy Michael's CodePen experiments

by Mandy Michael

Mandy has done some amazing experiments with variable fonts and kindly made them public on CodePen. You really have to check them out!

// Website

V-Fonts.com

by Nick Sherman

Nick Sherman’s v-fonts.com site is an emerging catalog of available variable fonts (follow @variablefonts for lots more resources), from one of the most knowledgeable people...

// Website

Axis-Praxis.org

by Laurence Penney

Axis-Praxis.org is the original ‘variable fonts playground’ created by Laurence Penney (@lorp). It's a fantastic resource for learning about, playing with, and using this amazing...

// Website

Responsive Web Design Fundamentals

by Jason Pamental

Authored for the free Gymnasium platform from Aquent, Responsive Web Design Fundamentals is a hands-on, code-intensive course on how to build high-performance, responsive websites that...

// Online Course

Variable Fonts on Typography Dojo

by Jason Pamental

For centuries, typography has shaped the way we ‘hear’ what we read. In our web work, though, we’ve had to balance our typographic desires with...

// Webinar

Việtnamese Typography, 2nd Edition

by Donny Truong

While I don’t speak Việtnamese, I am a fan of Donny’s work and think more people should be aware of typographic resources for languages other...

// Website