nuxt-font-fallback

Eliminate layout shift caused by web font loading. Each font below uses metric-matched fallbacks generated from the @font-face override descriptors.

Metric Override ON

Fallback font metrics match the web font. No layout shift when fonts load.

@nuxt/kitfontaineCLS ≈ 0.0001
BodyGotham Book

The quick brown fox jumps over the lazy dog. 0123456789 — !@#$%^&*()

12px16px24px32px
AccentGotham Medium

The quick brown fox jumps over the lazy dog. 0123456789 — !@#$%^&*()

12px16px24px32px
BoldGotham Bold

The quick brown fox jumps over the lazy dog. 0123456789 — !@#$%^&*()

12px16px24px32px
TitleBlacker Pro Display

The quick brown fox jumps over the lazy dog. 0123456789 — !@#$%^&*()

12px16px24px32px
Title ThinBlacker Pro Light

The quick brown fox jumps over the lazy dog. 0123456789 — !@#$%^&*()

12px16px24px32px