WOFF2 vs WOFF vs TTF vs OTF
Với hầu hết website, câu trả lời rất ngắn gọn: hãy dùng WOFF2. Dưới đây là mục đích của từng định dạng và khi nào bạn có thể cần định dạng khác.
Tổng quan các định dạng
| Định dạng | Dùng cho | Có nên dùng trên web? |
|---|---|---|
| WOFF2 | Website, nén tốt nhất | Có, luôn luôn |
| WOFF | Website, nén theo chuẩn cũ | Chỉ dành cho trình duyệt rất cũ |
| TTF | Ứng dụng desktop | Không, file quá lớn |
| OTF | Ứng dụng desktop và in ấn | Không, file quá lớn |
| EOT | Internet Explorer phiên bản cũ | Không, đã lỗi thời |
| SVG fonts | iPhone đời đầu | Không, đã lỗi thời |
Vì sao WOFF2 là lựa chọn tốt nhất
WOFF2 bọc một font thông thường bằng nén Brotli, kèm thêm các bước xử lý được thiết kế riêng cho dữ liệu font. Định dạng này hoạt động trên mọi trình duyệt hiện đại, nên thường chỉ cần một file. Hãy chuyển đổi file của bạn bằng Công cụ chuyển TTF sang WOFF2 hoặc Công cụ chuyển OTF sang WOFF2.
Tôi có còn cần WOFF dự phòng không?
Hiếm khi cần. Chỉ thêm khi dữ liệu analytics cho thấy có khách truy cập dùng trình duyệt rất cũ. Việc này tốn rất ít công sức, vì trình duyệt chỉ tải định dạng đầu tiên mà nó hỗ trợ:
src: url("brand.woff2") format("woff2"),
url("brand.woff") format("woff");
TTF hay OTF?
Điều này chủ yếu quan trọng với file gốc của bạn. TTF dùng đường viền TrueType, còn OTF thường dùng đường viền kiểu PostScript. Sau khi chuyển sang WOFF2, cả hai đều phù hợp để dùng trên web. Nếu bạn đã làm mất file gốc của một font mà bạn được cấp phép sử dụng, Công cụ chuyển WOFF2 sang TTF có thể khôi phục nó.