All Posts

All web typography articles, newsletters and other posts published on this website.

---

• New Newsletter

  January ’20

  JetBrains Mono is the featured font, we take a look at when does it make sense to preload fonts, font licensing, how to test the readability of a text and a short history of body font sizes on the web.

  
• Newsletter

  November ’19

  Hellvetica is the featured free font of this edition, we take a look at typographic illusions, accessible dropcaps as well as words and phrases that originated in the field of typography.

  
• Articles

  Preloading fonts: when does it make sense?

  In the past, when loading custom fonts we couldn’t really avoid the flash of unstyled text (FOUT)—you know that split second when the website is loading and it uses a substitute font until it loads your custom one?

  
• Newsletter

  October ’19

  Apple’s New York is the featured free font of this edition, we take a look at the Figma’s new support for OpenType, Google’s support for variable fonts and the story behind the creation of the Atkinson Hyperlegible typeface.

  
• Articles

  How to choose a font for a project

  I recently received an email from a designer called Jared. He went through the typography lessons that I offer as part of the free course and he was very grateful for them. He said he learned a lot but also had one important question: how do I go about choosing a font for my project?

  
• Newsletter

  September ’19

  Leon Sans is the featured free font of this edition, we take a look at the making of Figma’s Inter UI, variable fonts and animations, as well as some cool cat fonts.

  
• Newsletter

  August ’19

  Omega Sans is the featured free font of this edition, we take a look at recognising font styles, dynamic type in Airbnb apps and typography in design systems.

  
• Articles

  A Guide to Recognising Font Styles

  Telling font styles apart was one of the hardest things to do when I started working as a designer. Being self-taught, the only major difference I could see was that a font was either a serif or a sans-serif. But the more I explored, the more I realised how vast the universe of font styles actually is.

  
• Newsletter

  July ’19

  Gangster Grotesk is the featured free font of this edition, we take a look at using vertical rhythm in Sketch, optimizing Google Fonts performance and the new font loading strategy for CSS Tricks.

  
• Articles

  Vertical Rhythm in Sketch

  Designing with a baseline grid in Sketch speeds up the visual design process, enables designers to produce consistent mockups and establishes a consistent vertical rhythm in the designs.

  
• Articles

  5 Keys to Accessible Web Typography

  I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.

  
• Newsletter

  June ’19

  Silka is the featured free font of this edition, we take a look at the state of fluid web typography, Alibaba Sans and how Gotham took over the world.

  
• Articles

  The State of Fluid Web Typography

  Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?

  
• Newsletter

  May ’19

  Moon 2.0 is the featured free font of this edition, we take a look at articles about line height in Figma, variable fonts and stories behind some classic typefaces.

  
• Newsletter

  April ’19

  Cooper Hewitt is the featured free font of this edition, we take a look at articles about font metrics, interface typography and typography in design systems.

  
• Newsletter

  March ’19

  League Spartan is the featured free font of this edition, we take a look at making Google fonts load faster and more CSS typographic experiments.

  
• Newsletter

  February ’19

  Reno Mono is the featured free font of this edition, we take a look at Typetura—a new tool for fluid web typography and pure CSS lettering experiments.

  
• Newsletter

  January ’19

  Marvin Visions is the featured free font of this edition, we also take a look at how AirBnb introduced a custom typeface to their UI and the difference between variable and parametric fonts.

  
• Newsletter

  December ’18

  Optician Sans is the featured free font of this edition, we also take a look at improving the performance of web font loading subsetting numerals.

  
• Newsletter

  November ’18

  Times Newer Roman is the featured free font of this edition, we also take a look at articles about mastering typography in Sketch.

  
• Articles

  Rhythm in Web Typography

  Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.

  
• Newsletter

  October ’18

  Inter UI from Figma is the featured free font of this edition, we also take a look at a demo of CSS OpenType features and typesetting in text rendering in Sketch.

  
• Newsletter

  September ’18

  Space Grotesq is the featured free font of this edition, we also take a look at fonts people actually use, OpenSource fonts, and articles about variable fonts.

  
• Articles

  A Guide to Combining Fonts

  Combining fonts is one of the trickiest parts of typography. Here’s a guide, combined with an example to help you get font combinations right.

  

Subscribe via RSS