Chuyển TTF sang WOFF
WOFF là định dạng font web đầu tiên được mọi trình duyệt lớn thống nhất hỗ trợ, và nó vẫn tải được ở những nơi WOFF2 chưa từng đến. Hãy chuyển file TTF tại đây khi một nền tảng, giao diện hoặc trình đọc yêu cầu đích danh tệp .woff.
Chuyển đổi phông chữ
hoặc thả tệp TTF, OTF, WOFF … vào đây ·
Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút
Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.
Loại bỏ các bộ chữ bạn không dùng có thể giảm phông chữ web từ hàng trăm KB xuống dưới 30 KB. Hãy giữ tất cả ký tự với phông chữ cài đặt trên máy tính.
Dán văn bản hoặc các ký tự mà phông chữ phải hỗ trợ, ví dụ chữ trong logo hoặc một tiêu đề. Mọi ký tự khác sẽ bị loại bỏ.
Hinting giúp chữ nhỏ sắc nét hơn trên màn hình Windows. Gỡ bỏ hinting thường giảm 10–30% dung lượng phông chữ web; tự động hinting sẽ thêm hinting cho phông chữ chưa có.
Để trống để giữ tên gốc. Đổi tên cho phép bạn cài phông chữ đã chuyển đổi bên cạnh phông chữ gốc mà không bị xung đột.
Ví dụ Regular, Bold, Italic. Để trống để giữ tên kiểu chữ gốc.
Cách sử dụng công cụ này
- 1
Chọn các font TTF
Tải lên các tệp TrueType bạn muốn dùng trên web, tối đa 20 tệp mỗi lượt và 95 MB mỗi tệp.
- 2
Xác nhận định dạng đầu ra là WOFF
Chuyển sang đã được đặt là WOFF. Hãy chọn Kèm CSS @font-face trong Cài đặt nâng cao để có sẵn quy tắc CSS, và chọn một bộ con trong Giữ ký tự nếu font chỉ dùng cho website viết bằng một hệ chữ.
- 3
Chuyển sang WOFF
Nhấn Chuyển sang WOFF, tải xuống các tệp .woff rồi tải chúng lên cạnh stylesheet hoặc vào thư mục font của giao diện (theme).
Chuyển TTF sang WOFF không thay đổi bất kỳ glyph nào. Quá trình này nén từng bảng font bằng zlib, thêm một phần đầu nhỏ và cho ra tệp mà các trình duyệt từ Internet Explorer 9 trở lên đều tải được bằng @font-face.
Ai vẫn cần chuyển TTF sang WOFF
WOFF được Jonathan Kew của Mozilla đề xuất năm 2009 cùng các nhà thiết kế chữ Tal Leming và Erik van Blokland, lần đầu xuất hiện trong Firefox 3.6 năm 2010 và trở thành khuyến nghị của W3C vào tháng 12 năm 2012. Mục tiêu rất thực tế: cho các hãng font một định dạng web không chỉ là font máy tính thô đặt trên máy chủ, và cho trình duyệt một định dạng chung để thống nhất. Chỉ trong vài năm, Chrome, Safari và Internet Explorer 9 đều đọc được.
Ngày nay WOFF2 làm cùng việc đó với ít byte hơn, nên WOFF thường chỉ còn là phương án dự phòng và là yêu cầu của các hệ thống cũ. Một số giao diện WordPress, trình tạo trang và mẫu thương mại điện tử vẫn có ô tải font chỉ nhận .woff. Mạng nội bộ doanh nghiệp dùng Internet Explorer 11 hoàn toàn không đọc được WOFF2. Sản xuất sách điện tử là một trường hợp khác: EPUB 3 chấp nhận WOFF, trong khi hỗ trợ WOFF2 ở các ứng dụng đọc sách mới hơn và chưa đồng đều.
IE 9–11các trình duyệt đọc được WOFF nhưng không bao giờ đọc được WOFF2
Có nên kèm font dự phòng WOFF bên cạnh WOFF2?
Lý do nên thêm WOFF
- Hỗ trợ Internet Explorer 9 đến 11 và các trình duyệt phát hành trước khi WOFF2 ra đời
- Được các ô tải lên của giao diện và plugin chỉ liệt kê .woff chấp nhận
- Không tốn gì với khách truy cập hiện đại, vì họ tải dòng WOFF2 trước
Lý do nên bỏ qua
- Lớn hơn khoảng 30% so với cùng font ở định dạng WOFF2
- Thêm một tệp cho mỗi độ đậm để tải lên, quản lý phiên bản và làm mới bộ nhớ đệm
- Hầu hết website công khai có quá ít khách dùng trình duyệt cũ nên khó nhận ra sự khác biệt
Thêm file WOFF vào @font-face
Hãy liệt kê cả hai tệp trong cùng một khai báo src: tệp .woff2 với format("woff2") trước, rồi tệp .woff với format("woff"). Gợi ý định dạng giúp trình duyệt bỏ qua các tệp không dùng được mà không cần tải. Nếu bạn cũng cần font cho ứng dụng máy tính hoặc bản thiết kế mẫu, hãy giữ lại TTF gốc; chuyển ngược lại sau này bằng WOFF sang TTF vẫn được, nhưng không nên dựa vào cách đó.
Có hai tùy chọn đáng xem trước khi nhấn chuyển. Giữ ký tự cắt font còn lại các hệ chữ mà website của bạn dùng, điều này ảnh hưởng đến dung lượng tệp nhiều hơn việc chọn WOFF hay WOFF2. Hinting có thể để ở Keep cho phương án dự phòng dành cho Internet Explorer, vì nhóm người dùng này nhiều khả năng dùng màn hình Windows, nơi chỉ dẫn TrueType vẫn giúp chữ nhỏ sắc nét hơn.
TTF
Phông chữ TrueType
TTF là định dạng phông chữ TrueType do Apple phát triển vào cuối thập niên 1980 và phát hành năm 1991, sau đó cấp phép cho Microsoft. Định dạng mô tả đường nét ký tự bằng đường cong bậc hai và chứa chỉ dẫn hinting giúp chữ hiển thị sắc nét trên màn hình. TrueType được mọi hệ điều hành máy tính, trình soạn thảo văn bản và ứng dụng thiết kế hỗ trợ. Định dạng thiếu một số tính năng typography nâng cao của OpenType và lớn hơn các định dạng phông chữ web.
- Nén
- Không mất dữ liệu
- Độ trong suốt
- –
- Ảnh động
- –
- Ra mắt
- 1991 · Apple
WOFF
Phông chữ web WOFF
WOFF là định dạng phông chữ web do Mozilla, Opera và Microsoft tạo ra và được công bố thành W3C Recommendation năm 2012. Định dạng bọc dữ liệu phông TrueType hoặc OpenType kèm nén và metadata để tải nhanh hơn. Mọi trình duyệt đều hỗ trợ WOFF, nhưng định dạng này phần lớn đã bị WOFF2, vốn nén tốt hơn, thay thế. Hệ điều hành máy tính không cài trực tiếp được phông WOFF.
- Nén
- Không mất dữ liệu
- Độ trong suốt
- –
- Ảnh động
- –
- Ra mắt
- 2012 · W3C (Mozilla, Opera, Microsoft)
Chuyển TTF sang WOFF nén font máy tính thành định dạng font web nguyên thủy, hữu ích cho trình duyệt cũ, ứng dụng đọc sách điện tử và giao diện yêu cầu tệp .woff thay vì WOFF2.
Câu hỏi thường gặp về chuyển TTF sang WOFF
Trình duyệt hiện đại có còn hỗ trợ WOFF không?
Có. Mọi trình duyệt hiện nay đều đọc được WOFF cũng như WOFF2; hỗ trợ WOFF 1.0 chưa bao giờ bị gỡ bỏ. Trình duyệt chỉ ưu tiên WOFF2 khi quy tắc có cả hai, vì WOFF2 nhỏ hơn.
TTF và WOFF, định dạng nào nhẹ hơn?
Thông thường là WOFF. Định dạng này lưu cùng các bảng dữ liệu nhưng nén bằng zlib, thuật toán đứng sau các file ZIP, nên một font văn bản thông thường nhẹ đi đáng kể. WOFF2 còn đi xa hơn nhờ Brotli, vì vậy TTF sang WOFF2 là lựa chọn đầu tiên cho các website mới.
Có thể dùng font WOFF trong file EPUB không?
Có. EPUB 3 liệt kê WOFF trong các loại font cốt lõi, cùng với TrueType và OpenType, còn EPUB 3.2 bổ sung WOFF2 vào năm 2019. Các ứng dụng đọc sách cũ có thể chỉ biết ba loại đầu, nên WOFF hoặc TTF là lựa chọn thận trọng cho một cuốn sách.
WOFF và WOFF2 nên xếp theo thứ tự nào trong danh sách src?
WOFF2 trước, rồi đến WOFF. Trình duyệt duyệt qua danh sách và tải định dạng đầu tiên mà nó hỗ trợ, nên trình duyệt hiện đại lấy WOFF2 và chỉ những trình duyệt cũ mới chuyển xuống dòng WOFF.
WOFF có giữ thông tin giấy phép của font không?
Bảng name bên trong font, thường chứa bản quyền và URL giấy phép, được sao chép nguyên vẹn. WOFF cũng định nghĩa một khối siêu dữ liệu tùy chọn cho thông tin giấy phép, và một số hãng font điền khối này trong các bản WOFF của họ.