Part 3: Adding web fonts — giving voice to our words

Jason Pamental
Web Typography News
8 min readMay 4, 2020

--

This is a big week for the project. While it was an important step last week to establish some basic responsiveness, we couldn’t really nail down the typography until we added the typeface. Too many aspects of the feel, proportions, and overall ‘color’ are tied not only to the specifics of the typesetting values, but also to the typeface itself. It’s important to remember that not only are we working with spacing around letters and words, but the typeface choice involves looking closely at the spacing inside the letters, and finding balance between the two.

Introducing Literata (v3)

This week we’ll be adding in a new typeface in both static and variable form, and I’m really pleased to be able to share that choice: Literata (v3) from TypeTogether (on behalf of Google Fonts). I’ve been working with this version for a few months now and am super excited to finally be able to share it with all of you. Literata was originally commissioned by Google to be the font for their ebook reader application back in 2014. Now in its third iteration, they’ve expanded the weight range and added optical sizes for both static and variable versions. It’s really lovely, and has been designed from the beginning for long-form reading on screens.

J.R.R. Tolkien quote set in Literata italic: “Not all those who wander are lost”
Literata’s fairly upright italics are no less striking for lack of a significant slant

--

--

Web Typography News
Web Typography News

Published in Web Typography News

A collection of web typography tips from my weekly newsletter. You can sign up for the newsletter via email at http://eepurl.com/ghd9b9 or find out more about Jason’s talks and writing at https://rwt.io

Jason Pamental
Jason Pamental

Written by Jason Pamental

principal designer @ Chewy.com. tinkerer, typographer, teacher, speaker. http://rwt.io, author:Responsive Typography (bit.ly/rwtbook). walker of Leo.

No responses yet