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


  • New 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.

  • New 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