Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Brian Louis Ramirez

Fallback Font Generator

  • Nicolas Hoizey
  • 27 September 2022
  • WebPerf, font, CSS, CLS
  • 32 reactions
Screenshot of “Fallback Font Generator”

https://screenspan.net/fallback

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using special @font-face descriptors.

32 reactions

25 likes

  1. Phil Wolstenholme avatar
  2. Gaël Poupard avatar
  3. tzi avatar
  4. Joan León 🏞⚡️ avatar
  5. Beurt avatar
  6. Pep avatar
  7. webetcaetera avatar
  8. Ladnet avatar
  9. Jessica - The Coding Creative avatar
  10. Brian Louis Ramirez avatar
  11. Liesbeth #MakingScienceSexy Smit avatar
  12. Brett Sinclair avatar
  13. WebPerformance Report avatar
  14. Mia avatar
  15. Arpit avatar
  16. Raphaël Goetter avatar
  17. Sander Heilbron avatar
  18. NC; avatar
  19. Xavier Zaława avatar
  20. Kenji Baheux avatar
  21. Jens Geiling avatar
  22. ⚡R G avatar
  23. Brett Jankord  avatar
  24. Stefan Krieger avatar
  25. Georgy Glezer avatar

3 reposts

  1. webetcaetera avatar
  2. Henri Helvetica 🚀 👨🏾‍🚀 🇭🇹 avatar
  3. Yann avatar

4 replies

  1. webetcaetera avatar webetcaetera
    @nhoizey oh, c’est bien ça ! Merci.
    • 27 September 2022, 19:08
    • Source
  2. Nicolas Hoizey avatar Nicolas Hoizey
    @webetcaetera partagé avec plaisir !
    • 27 September 2022, 21:43
    • Source
  3. Brian Louis Ramirez avatar Brian Louis Ramirez
    Wow, thanks for sharing! 🤩
    • 28 September 2022, 06:07
    • Source
  4. Nicolas Hoizey avatar Nicolas Hoizey
    Well, thanks for the tool!
    • 28 September 2022, 08:03
    • Source
  • Older: Media chapter of the 2022 Web Almanac by HTTP Archive
  • Newer: Perfect-ish font fallbacks

Related contents with similar topics

  1. screenshot of Reimagining Fluid Typography

    Miriam Suzanne avatar Miriam Suzanne

    Reimagining Fluid Typography

    • Nicolas Hoizey
    • 20 March 2025
    • font, CSS, em
    • 7 reactions

    Never do pixel math with em and rem units. That’s where we went wrong, by assuming that 16px == 1em is a reliable fact. It reminds me a lot…

  2. screenshot of Web font file size study: a variable font addition

    Stoyan Stefanov avatar Stoyan Stefanov

    Web font file size study: a variable font addition

    • Nicolas Hoizey
    • 29 October 2024
    • font, variable, WebPerf
    • 2 reactions

    The sum is smaller than the parts. A variable font that has both normal and heavy (bold) weight (and also everything in between) is slightly smaller…

  3. screenshot of Introducing TODS – a typographic and OpenType default stylesheet

    Richard Rutter avatar Richard Rutter

    Introducing TODS – a typographic and OpenType default stylesheet

    • Nicolas Hoizey
    • 24 September 2024
    • CSS, font, typography, reset
    • 10 reactions

    The idea is to set sensible typographic defaults for use on prose (a column of text), making particular use of the font features provided by OpenType.…

  4. screenshot of Subsetting.xyz — Type foundries that allow font subsetting

    Jeff Frankl avatar Jeff Frankl

    Subsetting.xyz — Type foundries that allow font subsetting

    • Nicolas Hoizey
    • 15 May 2024
    • font, WebPerf
    • 9 reactions

    Subsetting removes unused characters from a font to reduce file size. For example, you might not use math symbols like ≤ and ∫, and removing them…

  5. screenshot of Hardest Problem in Computer Science: Centering Things

    Nikita Prokopov avatar Nikita Prokopov

    Hardest Problem in Computer Science: Centering Things

    • Nicolas Hoizey
    • 17 April 2024
    • CSS, font
    • 26 reactions

    Even if it’s hard. Even if tools make it inconvenient. Even if you have to search for solutions. Together, I trust, we can find our way back to putting…

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy