Jump to main content

Nicolas Hoizey

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

Matthias Ott avatar Matthias Ott

The Right Way to Use fonts.com Web Fonts

  • Nicolas Hoizey
  • 21 December 2022
  • font, WebPerf, CSS
  • 1 reaction
Screenshot of “The Right Way to Use fonts.com Web Fonts”

https://matthiasott.com/notes/the-right-way-to-use-fonts-com-web-fonts

Let’s talk about web fonts. More specifically, about a mistake I have seen developers make in several projects for different agencies: Embedding a web font in the wrong way.

All of this is also true for self-hosted font coming from elsewhere, and even for variable fonts.

1 reaction

1 like

  1. Arpit avatar
  • Older: The Performance Inequality Gap, 2023
  • Newer: Priority Hints and optimizing LCP

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