@font-face without woff2

perf/font-formatwarningperformance

Why it matters

woff2 is about 30% smaller than woff and much smaller than ttf/otf, and every current browser supports it.

Fix

Convert the font to woff2 and list it first in src (or load it with next/font/local).

Credit

  • From Google Chrome

    web.dev's font best practices recommend serving WOFF2 as the format with the best compression and universal support.

References