font-display property có những giá trị nào?

auto (browser quyết định). block (ẩn text đến khi font load). swap (hiện fallback, swap khi ready - khuyến nghị). fallback (swap nhanh hoặc giữ fallback). optional (dùng nếu cached, không nếu chưa). swap tốt cho hiển thị nhanh (tránh FOIT) nhưng có thể gây CLS nếu không dùng size-adjust.

Dùng optional nếu ưu tiên CLS.

auto (browser decides). block (hides text until font loads). swap (shows fallback, swaps when ready — recommended). fallback (swaps quickly or keeps fallback). optional (uses font if cached, otherwise uses fallback permanently). swap is best for fast text display (avoids FOIT) but may cause CLS if not paired with size-adjust.

Use optional if you prioritize a stable CLS.