Jump to main content

Nicolas Hoizey

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

Note from 26 May 2021

  • Nicolas Hoizey
  • 26 May 2021
  • CLS, Core Web Vitals, CSS, font, WebPerf
  • 1 reaction

Building a new site with the beautiful Coniferous web font from @OHnoTypeCo and I can't find the right "web safe" fallback font to be able to optimize Cumulative Layout Shifts. 😭

Coniferous and other fonts with default dimensions.

Any suggestion?

1 reaction

1 like

  1. Florian Bouvot avatar
  • Older: Note from 20 May 2021
  • Newer: Note from 27 May 2021

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 New field insights for debugging INP

    Jeremy Wagner

    New field insights for debugging INP

    • Nicolas Hoizey
    • 20 May 2024
    • INP, WebPerf, Core Web Vitals
    • 2 reactions

    Interaction to Next Paint (INP) is a Core Web Vital that measures how responsive a page is to interactions. Due to INP's scope, it can be difficult…

  5. 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…

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