Web Fonts &
Typography News

Issue #37 • 6 March, 2020

This is a special week for me. is a project I instigated in response to a Twitter poll last year. It reinforced what I already felt was true: most people still don’t know what variable fonts are, much less how or why they should. I’ve been working on the writing, demos, typography, and development since last November and it was a thrill to see it go live a couple days ago.

It’s certainly by no means absolutely perfect or complete, but I’m very happy it exists, and that I’ll be able to develop it further. It’s intended as a resource to educate and assist brands, teams, and individuals in the adoption of this technology and how it enables us to think about design and typography in whole new ways.

I hope you find it useful, and look forward to hearing any feedback you’d care to share.



Replies go straight to my inbox—let me know what you want to learn!

Today’s Tip


This week marks the launch of a project nearly a year in the making. Or at least it’s been almost a year that conversations have been going on. Back in late fall of 2019, the project finally kicked off working with Matthew Rechs, Caren Litherland, and the Google Fonts team. The goal was to create a concise, easy-to-digest, actionable introduction to variable fonts—what they are, what they can do, and why they matter. And while it’s too early to say exactly how successful we’ve been, reactions have certainly been gratifying.

Cropped image of a letter 'a' at different widths and weights

This week’s launch coincided with the unveiling of support for variable fonts in the main Google Fonts user interface. The hope is that as people start to search for and try variable fonts in the GF UI, they can learn more about them and take their experience further on this site.

How the site is structured

There are three main areas, and one that ties them together a bit across some other important considerations. We wanted to make sure that you could learn about what a variation axis is, see them in action, and see the CSS that powers it all in one place. So Designing with variable fonts is a great place to start.

The Implementation page covers how to use the Google Fonts API to get access to all of the variable fonts in their full range of flexibility, how to set up hosting variable fonts yourself, how to search for and select them in the new Google Fonts UI, and tips for best performance when implementing, regardless of how you get them.

Resources include links to books, websites, articles, videos, and more to help expand your knowledge about typography on the web, how to think and design with variable fonts, and lots of resource and playground websites to see them in action.

Finally, if you take a look at the About this site page, you can learn about how the site itself an example of how variable fonts can improve your user experience, accessibility, long-form reading comfort, and expand your design vocabulary. The typographic system and the design of the site itself is intended use all of the techniques and features available to help the site be more useful in light or dark mode, on any device, with any capabilities. 

Where possible that also means designing a beautiful site that is also accessible and inclusive. While not perfect, I’ll continue to try and improve the design and implementation to address a broader spectrum of users. In some cases we’ve achieved WCAG 2.1 AAA, in others I know there is work to do. If you see something that needs addressing, the entire codebase is housed on GitHub—so feel free to open an issue with details and/or contribute a fix.

Going forward

I'll continue to add resources, and have plans to add some small case studies to showcase successful implementations, and some starter kits to help you get up and running.


This site was by no means a solo effort. In fact it would never have gotten started without Matthew Rechs (formerly the GM at Typekit/Adobe Fonts, now of Business Letters fame) and I combining our efforts and conversations with David Crossland (Program Manager for Google Fonts). Once the project started to take shape, the obvious choice for editorial expertise was Caren Litherland. It was a joy to work with her to help turn my rambling into writing! On the Google Fonts team, Dave assembled a wonderful bunch: Dawn Shaikh, Irin Kim, and Paula Ashton. As we approached launch, we had the good fortune to have Kenneth Ormandy join with some much-needed development help as well. 

We worked hard to make this useful for all, and I’ll certainly endeavor to be a good steward of the site going forward. Let me know what you think.


Web Type News

  • Google Fonts launched a big update that includes the ability to search and use variable fonts! Follow the prompt to opt into the new UI to have a look around
  • FontGoggles, an amazing open source tool to preview fonts in all sorts of formats was released last week (MacOS only)

Does your organization need a boost?

If your brand voice needs some volume, or your team could use a hand improving font performance—maybe you could use a Type Audit. I work with you and your team to identify how well your site’s voice aligns with your brand, and can show you how to improve how quickly it gets on screen on any size device. Read more about Type Audits and let’s talk!

Upcoming Events

  • Headed to Cape Town, South Africa for Pixel Up! in May to give a talk and a workshop on editorial design with variable fonts
  • I’ll be returning to the An Event Apart stage in Boston at the end of June
  • More events and workshop details coming soon!
If the typeface in this message has Georgia on your mind, you’re not seeing the web fonts :( I'm hoping that you’re seeing it set in the lovely Roslindale (Display Condensed and Text) designed by the amazing David Jonathan Ross for his You should check it out!
Copyright © 2020 Jason Pamental, All rights reserved.

Forward to a friendSubscribe
Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list.

Email Marketing Powered by Mailchimp