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

  • Newsletter

    March ’20

    ~ 2 min read

    Noto Sans is the featured font, we take a look at many articles about variable fonts, the main one is about their performance compared to standard fonts.

    Cool new stuff in web typography in March ’20
  • Articles

    5 monospaced fonts with cool coding ligatures

    ~ 7 min read

    I’d always used the Monaco font and Sublime Text for coding but I recently decided to switch to VS Code. That change also led me to explore monospaced fonts suitable for coding as I worked on customising my VS Code theme.

    5 monospaced fonts with cool coding ligatures
  • Newsletter

    February ’20

    ~ 1 min read

    Public Sans is the featured font, we take a look at 5 monospaced fonts with cool coding ligatures and how type affects politics.

    Cool new stuff in web typography in February ’20
  • Newsletter

    January ’20

    ~ 1 min read

    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.

    Cool new stuff in web typography in January ’20
  • Newsletter

    November ’19

    ~ 1 min read

    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.

    Cool new stuff in web typography in November ’19
  • Articles

    Preloading fonts: when does it make sense?

    ~ 6 min read

    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?

    Preloading fonts: when does it make sense?
  • Newsletter

    October ’19

    ~ 2 min read

    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.

    Cool new stuff in web typography in October ’19
  • Articles

    How to choose a font for a project

    ~ 7 min read

    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?

    How to choose a font for a project
  • Newsletter

    September ’19

    ~ 2 min read

    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.

    Cool new stuff in web typography in September ’19
  • Newsletter

    August ’19

    ~ 2 min read

    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.

    Cool new stuff in web typography in August ’19
  • Articles

    A Guide to Recognising Font Styles

    ~ 8 min read

    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.

    A Guide to Recognising Font Styles
  • Newsletter

    July ’19

    ~ 1 min read

    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.

    Cool new stuff in web typography in July ’19
  • Articles

    Vertical Rhythm in Sketch

    ~ 13 min read

    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.

    Vertical Rhythm in Sketch
  • Articles

    5 Keys to Accessible Web Typography

    ~ 14 min read

    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.

    5 Keys to Accessible Web Typography
  • Newsletter

    June ’19

    ~ 2 min read

    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.

    Cool new stuff in web typography in June ’19
  • Articles

    The State of Fluid Web Typography

    ~ 11 min read

    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?

    The State of Fluid Web Typography
  • Newsletter

    May ’19

    ~ 2 min read

    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.

    Cool new stuff in web typography in May ’19
  • Newsletter

    April ’19

    ~ 1 min read

    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.

    Cool new stuff in web typography in April ’19
  • Newsletter

    March ’19

    ~ 2 min read

    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.

    Cool new stuff in web typography in March ’19
  • Newsletter

    February ’19

    ~ 1 min read

    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.

    Cool new stuff in web typography in February ’19
  • Newsletter

    January ’19

    ~ 1 min read

    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.

    Cool new stuff in web typography in January ’19
  • Newsletter

    December ’18

    ~ 1 min read

    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.

    Cool new stuff in web typography in December ’18
  • Newsletter

    November ’18

    ~ 1 min read

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

    Cool new stuff in web typography in November ’18
  • Articles

    Rhythm in Web Typography

    ~ 17 min read

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

    Rhythm in Web Typography
  • Newsletter

    October ’18

    ~ 2 min read

    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.

    Cool new stuff in web typography in October ’18
  • Newsletter

    September ’18

    ~ 1 min read

    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.

    Cool new stuff in web typography in September ’18
  • Articles

    A Guide to Combining Fonts

    ~ 11 min read

    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.

    A Guide to Combining Fonts

Subscribe via RSS