Lập trình

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.

Cơ bản · 4 phút đọc · Cập nhật 31 tháng 10, 2026

WOFF2 vs WOFF vs TTF vs OTF

Tổng quan các định dạng

Định dạngDùng choCó nên dùng trên web?
WOFF2Website, nén tốt nhấtCó, luôn luôn
WOFFWebsite, nén theo chuẩn cũChỉ dành cho trình duyệt rất cũ
TTFỨng dụng desktopKhông, file quá lớn
OTFỨng dụng desktop và in ấnKhông, file quá lớn
EOTInternet Explorer phiên bản cũKhông, đã lỗi thời
SVG fontsiPhone đời đầuKhô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ó.

Câu hỏi thường gặp

WOFF2 có làm giảm chất lượng font không?
Không. Quá trình nén không làm mất dữ liệu, nên hình dạng các ký tự vẫn giữ nguyên hoàn toàn.
Tất cả trình duyệt có hỗ trợ WOFF2 không?
Tất cả trình duyệt hiện đại đều hỗ trợ, bao gồm Chrome, Edge, Firefox và Safari.
Tôi có nên tải file TTF lên website không?
Vẫn chạy được, nhưng file lớn hơn WOFF2 rất nhiều. Hãy chuyển đổi trước.

Đọc tiếp