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 …