Định dạng Phông chữ Mở Web (WOFF) là một định dạng tệp cho phông chữ web do Mozilla phát triển. Tệp WOFF có thể chứa các tệp TTF và OTF nén cũng như thông tin cấp phép và siêu dữ liệu khác. Đây là những điều bạn cần biết về WOFF.
Thông tin trong bài viết này áp dụng cho các tệp WOFF và WOFF2.
Tệp WOFF là gì?
Tương tự như tệp ZIP, tệp WOFF đóng vai trò là vùng chứa cho các tệp khác, cụ thể là tệp TrueType Font (TTF) và OpenType Font (OTF). Các loại tệp này cung cấp cho các nhà thiết kế web khả năng sử dụng phông chữ bên ngoài các ký tự tiêu chuẩn được tìm thấy trên hầu hết các máy tính.
WOFF đã được thay thế bằng định dạng WOFF2. WOFF2 cung cấp các thuật toán nén thậm chí còn tốt hơn, giúp giảm kích thước tệp gốc thêm 30%. Do đó, các tệp WOFF2 chiếm ít băng thông hơn và tải nhanh hơn. Các tệp WOFF có phần mở rộng .woff, trong khi các tệp WOFF2 có phần mở rộng .woff2.
Tệp WOFF hoạt động như thế nào?
Hầu như tất cả các trang web đều sử dụng Trang tính kiểu xếp tầng (CSS) để xác định bố cục của HTML và các phần tử khác trên màn hình của bạn. Ví dụ:các nhà phát triển có thể sử dụng CCS để thay đổi phông chữ web bằng cách tham chiếu các phông chữ đã được cài đặt trên máy tính của người dùng. Tuy nhiên, nếu PC hoặc trình duyệt của bạn không hỗ trợ phông chữ, thì phông chữ đó sẽ xuất hiện dưới dạng phông chữ khác hoặc hoàn toàn không tải tùy thuộc vào cách thiết lập ngăn xếp phông chữ của trang.
Để tránh sự cố này, phông chữ tùy chỉnh có thể được lưu trữ trong tệp WOFF, tệp này được lưu trên máy chủ cùng với tất cả các phần tử trang web khác. Sau đó, nhà thiết kế có thể sử dụng thuộc tính CSS @ font-face để tham chiếu tệp WOFF và hiển thị phông chữ trong trình duyệt.
Google Chrome, Firefox, Microsoft Edge, Opera và Safari hỗ trợ định dạng WOFF, nhưng bạn có thể cần cập nhật trình duyệt web của mình lên phiên bản mới nhất.
Lợi ích của WOFF
Ngoài việc mở rộng các loại phông chữ có sẵn cho các nhà phát triển web, sử dụng tệp WOFF có một số lợi thế. Ví dụ:
- Nén :Vì tệp WOFF được nén nên chúng tải nhanh hơn các loại tệp phông chữ khác.
- Hỗ trợ HTML và CSS :Không giống như tệp hình ảnh, tệp WOFF có thể được cách điệu bằng HTML và CSS.
- SEO :Phông chữ WOFF tốt hơn để tối ưu hóa công cụ tìm kiếm (SEO) hơn là hình ảnh của văn bản.
- Hiển thị được tối ưu hoá :Các tệp WOFF bao gồm thông tin đánh máy bao gồm các biểu mẫu ngữ cảnh và các số liệu kiểu cũ, cho phép hiển thị tối ưu trên tất cả các thiết bị.
- Khả năng truy cập trang web :Các tệp WOFF giúp các trang web dễ truy cập hơn vì văn bản có thể được đọc to còn hình ảnh của văn bản thì không thể.
- Nhúng :Phông chữ WOFF giúp quốc tế hóa bằng cách cho phép bạn nhúng phông chữ với các ký tự từ các ngôn ngữ khác.
Tạo phông chữ WOFF của riêng bạn
Các trình chỉnh sửa phông chữ như FontForge cho phép bạn thiết kế bộ phông chữ của riêng mình và xuất chúng dưới dạng tệp WOFF. Bạn cũng có thể chuyển đổi tệp WOFF sang TTF hoặc OTF bằng FontForge. Nếu bạn có một trình chỉnh sửa phông chữ khác mà bạn thích chỉ hỗ trợ TTF hoặc OTF, bạn có thể sử dụng công cụ sfnt2woff để chuyển đổi phông chữ thành tệp WOFF.
Thư viện Phông chữ Mở và Phông chữ Sóc có hàng trăm phông chữ ở định dạng WOFF miễn phí cho mục đích thương mại và phi thương mại.