Font loading stratégia: a font-display attribútum titkai

A webfontok későn érkező változata jellemzően CLS romlást okoz a weboldalon, mert a betűk újra rendeződnek a layouton. A font-display CSS attribútum öt értéket fogad el, közülük a swap a leggyakrabban használt választás. A swap azonnal megjeleníti a tartalmat fallback fonttal, majd lecseréli az egyedire amint megérkezik. A 2026-os ajánlás inkább az optional vagy a size-adjust kombináció a Layout Shift teljes elkerülésére minden eszközön. A preload link tag a kritikus betűtípusokat előre letölti a head szekcióban. A WOFF2 formátum 30 százalékkal kisebb a WOFF-nál. A változó betűtípus egy fájlban tartalmazza az összes súlyt és dőlést, ami további megtakarítás.