Web

Web font là gì?

webfontfont web@font-face

Web font là font được tải về từ máy chủ khi người dùng mở trang web, thay vì dựa vào font có sẵn trên máy, giúp trang hiển thị đúng font thiết kế trên mọi thiết bị.

Hiểu kỹ hơn

Web font thường ở định dạng WOFF2 (nén nhẹ), được khai báo bằng @font-face trong CSS hoặc qua dịch vụ như Google Fonts. Vì font phải tải về, nó ảnh hưởng tốc độ trang: nên chỉ tải các độ đậm thật sự dùng, dùng font-display: swap để chữ hiện ngay bằng font dự phòng, và cắt bộ ký tự (subset) phù hợp. Với tiếng Việt, khi subset phải giữ đủ bộ ký tự Vietnamese, nếu không dấu sẽ hiển thị bằng font khác.

Ảnh minh hoạ Web font: sơ đồ trình duyệt tải trang: HTML, CSS, rồi tải file WOFF2
Sơ đồ trình duyệt tải trang: HTML, CSS, rồi tải file WOFF2

Thuật ngữ liên quan