Anatomy of a typeface 

Do you know about Aperture, Arm, Bowl, Counter, Hairline, and the like? Anatomy of a typeface is a visual explanation of the terms which allow …

Uniwidth typefaces for interface design 

Uniwidth is not the same as monospace! Monospace is non-proportional, meaning each letter occupies the same amount of space. Uniwidth is proportionally spaced, meaning each …

System fonts 

Iain Bean writes in his article System fonts don’t have to be ugly about system fonts vs. web fonts. He is giving an overview of …

How to pick a typeface for user interface and app design? 

TL;DR: Make the Il1 coe test to check whether a typeface is suitable for functional text. Il1 should be easy to distinguish and the apertures …

Garamond 

Georg Duffner provided an open source of EB Garamond, which is a beautiful humanist typeface, originating back to the mid 16th century. Massimo Vignelli has …

Public Sans, Arvana, and Brucker 

An interesting compilation of types from Typographica. Resonating: Public Sans Arvana Brucker Public Sans # A neutral sans serif for interfaces, text, and headings by the US …

ET Book 

ET Book, the typeface used in Edward Tufte’s books. Free webfont! It is used for example by Jeremy Keith in his Resilient Web Design. A sample …

Letterspacing of <code> elements 

Widening the letterspacing of <code> elements in the flow of text emphasizes the code-nature of the element without using a different font or a different …

Viral typeface 

Viral typeface. “A collaboration between four designers/illustrators, this typeface is a recipe for quarantining in 2020: a dash of paranoia, a scoop of cabin fever, …

Beautiful Webtype ★

A beautiful, and useful site by Chad Mazzola with selected web fonts and font combinations. All open-source! Chad´s site even has an Atom feed …

Better Web Typography 

Matej´s course on Better Web Typography is structured into seven parts which will be mailed to you, once you subscribed to the course. Matej is …

How we read 

The term readability doesn´t ask simply "Can you read it?" or "How fast can you read it?" It also asks "Do you want to read …

Google Webfonts Helper ★

Mario Ranftl has written the Google Webfonts Helper, which makes self-hosting Google fonts as simple as it can be. The service worker of my website …

Helvetica 

See what is in the Helvetica typeface. Listen to interesting typographer personalities, like for example Matthew Carter, who designed Georgia for Microsoft: “When I start …

Helvetica Bonus Footage 

As Gary Hustwit is currently giving his films for free, I watched his Helvetica Bonus Footage this week. You´re getting to see some very interesting …

The Birth of Inter 

In “The Birth of Inter” Rasmus Andersson is explaining his (work)flow and tool usage while developing Inter, a beautiful sans-serif typeface designed for reading text …