Too many font weights

perf/font-weightswarningperformancenextjs-16

Why it matters

Each static weight is a separate font file to download; for a variable font, listing weights replaces one file that has every weight with several static ones.

Fix

Keep the 2-3 weights the design uses, or drop weight for a variable font.

Credit

  • From the Next.js team

    The font docs recommend variable fonts and note that each static weight is a separate file.

References

See it

Load fonts without shift