Preloading fonts: when does it make sense?

Recent posts


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

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

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

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

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

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

View all posts ➝