Skip to main content
Responsive Web Typography

Typography Tips

Sign up for the newsletterI send out a brief newsletter bringing you web typography tips (both design and technical) and occasional news about developments in web type (like browser support and news from the W3C), and my upcoming talks, podcasts, and workshops. I’m including the tips here as an archive, but if you want it in your inbox along with the news and whatnot, learn more and see the archive on the Newsletter page, or  you can sign up directly here.

Chapter one in print and on the phone

Part 6: On the nature of ‘book’-ishness

Friday, 29 May, 2020

This week is one I’ve been awaiting for quite some time. Really since before I even started this process. It’s also the first time I’m posting something that I know is broken in a lot of browsers. But where it...

Text scaled for small screen and large

Part 5: Dynamic Typography Redux: clamp() on it

Monday, 18 May, 2020

This week has a big update to the typographic scaling that features some very new CSS about which I’m pretty excited. It’s featuring a new way of defining low, scaling, and high values for things like font-size that removes a...

Side-by-side comparison of screens showing Georgia and Literata versions of the book

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

Monday, 4 May, 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...

Image of the titles and acts in the poster

Skewed, rotated, and styled

Friday, 27 March, 2020

Once again this week there were a few different threads coming together to inspire this issue. I’m continuing to explore amazing examples of graphic design in the form of publication covers and posters, and focusing on how we can achieve...

Text set with overlaid color and outlines

Outlines and overprints

Monday, 16 March, 2020

A few things coalesced to inspire the issue this week, and they bring us back to exploring some beautiful cover designs dating from the early 1960’s. I recently picked up Impact 1.0 and Impact 2.0 from Unit Editions, each filled...

Text overlay and knockout demo

Figure/ground composition with text, image, and color

Saturday, 29 February, 2020

This week we’re going to dig in to more text effects. In keeping with the idea of exploring more editorial design without requiring lots of custom code, this issue’s experiment could certainly be set up in a content management system...

Subscribe to Typography Tips