Chuyển đổi font chữ
Biến font máy tính thành font web, hoặc đưa font web về dạng cài đặt được. Tải lên TTF, OTF, WOFF, WOFF2 và các định dạng cũ hơn, chọn định dạng đích, và nếu muốn thì rút gọn bộ ký tự để file tải nhanh hơn trên website.
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
Thêm các file font
Thả tối đa 20 font, mỗi font đến 95 MB. Bạn có thể trộn TTF, OTF, WOFF, WOFF2, EOT, font SVG, bộ sưu tập TTC, file dfont của Mac và font Type 1 PFB/PFM/AFM trong cùng một lượt.
- 2
Chọn định dạng đích
Chuyển sang mặc định là WOFF2, định dạng nhỏ nhất cho website. Chọn TTF hoặc OTF để cài font trên Windows hoặc macOS. Mở Cài đặt nâng cao để rút gọn ký tự, đổi Hinting, đổi tên họ font hoặc bật Kèm CSS @font-face.
- 3
Chuyển đổi và tải xuống
Bấm Chuyển sang WOFF2 (nhãn nút thay đổi theo lựa chọn của bạn) và lưu từng file hoặc cả gói ZIP. Font tải lên và kết quả bị xóa khỏi máy chủ sau 30 phút.
Font máy tính và font web: TTF, OTF, WOFF và WOFF2
TrueType do Apple phát triển và ra mắt cùng System 7 năm 1991; một năm sau Microsoft mua bản quyền để dùng cho Windows 3.1. OpenType, được Microsoft và Adobe công bố năm 1996, mở rộng TrueType với đường viền PostScript và các tính năng typography, và hiện cũng được ban hành thành tiêu chuẩn ISO/IEC 14496-22 Open Font Format. Mọi font bạn cài trên máy tính ngày nay đều thuộc một trong hai loại này, lưu dưới dạng .ttf hoặc .otf.
Font web là cùng dữ liệu đó, được nén để tải về. WOFF 1.0 trở thành Khuyến nghị W3C năm 2012 và nén từng bảng font bằng zlib. WOFF2 tiếp nối, thành Khuyến nghị W3C năm 2018: định dạng dùng Brotli cùng một bước tiền xử lý dữ liệu glyph, và theo đo đạc của Google thì nhỏ hơn WOFF khoảng 30%. Mọi phiên bản hiện tại của Chrome, Edge, Firefox và Safari đều đọc được WOFF2, vì vậy Chuyển sang mặc định là định dạng này.
Nếu bạn có một file WOFF2 lấy từ website và cần dùng trong Word, Figma hoặc Photoshop, hãy chuyển theo chiều ngược lại bằng chuyển WOFF sang TTF hoặc WOFF2 sang TTF. Với website tự lưu trữ font, chuyển TTF sang WOFF2 gần như luôn là lựa chọn bạn cần.
| from ↓ · to → | TTF | OTF | WOFF | WOFF2 | EOT | SVG |
|---|---|---|---|---|---|---|
| TTF | TTF to TTF: yes | TTF to OTF: yes | TTF to WOFF: yes | TTF to WOFF2: yes | TTF to EOT: yes | TTF to SVG: yes |
| OTF | OTF to TTF: yes | OTF to OTF: yes | OTF to WOFF: yes | OTF to WOFF2: yes | OTF to EOT: yes | OTF to SVG: yes |
| WOFF | WOFF to TTF: yes | WOFF to OTF: yes | WOFF to WOFF: yes | WOFF to WOFF2: yes | WOFF to EOT: yes | WOFF to SVG: yes |
| WOFF2 | WOFF2 to TTF: yes | WOFF2 to OTF: yes | WOFF2 to WOFF: yes | WOFF2 to WOFF2: yes | WOFF2 to EOT: yes | WOFF2 to SVG: yes |
| EOT | EOT to TTF: yes | EOT to OTF: yes | EOT to WOFF: yes | EOT to WOFF2: yes | EOT to EOT: yes | EOT to SVG: yes |
| SVG | SVG to TTF: yes | SVG to OTF: yes | SVG to WOFF: yes | SVG to WOFF2: yes | SVG to EOT: yes | SVG to SVG: yes |
| TTC | TTC to TTF: yes | TTC to OTF: yes | TTC to WOFF: yes | TTC to WOFF2: yes | TTC to EOT: yes | TTC to SVG: yes |
| PFB | PFB to TTF: yes | PFB to OTF: yes | PFB to WOFF: yes | PFB to WOFF2: yes | PFB to EOT: yes | PFB to SVG: yes |
Giải thích rút gọn ký tự, hinting và tùy chọn @font-face
| Thiết lập | Lựa chọn | Tác dụng | Nên đổi khi |
|---|---|---|---|
| Giữ ký tự | Tất cả ký tự, Latin cơ bản, Latin + dấu, Kirin, Hy Lạp, Tiếng Việt, Chỉ các ký tự tôi nhập | Xóa các glyph nằm ngoài bộ chữ đã chọn | Font dùng cho website chỉ dùng một hoặc hai bộ chữ |
| Ký tự cần giữ | Văn bản tự do, tối đa 5.000 ký tự | Giữ đúng những chữ cái bạn dán vào | Logo, dòng tiêu đề hoặc bảng hiển thị số chỉ cần vài glyph |
| Giữ chữ ghép và kerning | Bật (mặc định) hoặc tắt | Giữ chữ ghép fi/fl và cặp kerning cho các chữ còn lại | Bạn cần tiết kiệm thêm vài KB cuối cùng và chấp nhận khoảng cách chữ kém chặt chẽ hơn |
| Hinting | Giữ nguyên, Gỡ bỏ, Tự động hinting | Giữ, gỡ hoặc tạo các chỉ dẫn căn đường viền theo lưới điểm ảnh | Gỡ bỏ cho font web trên màn hình mật độ cao; Tự động hinting cho font chưa có hinting dùng trên Windows |
| Kèm CSS @font-face | Bật hoặc tắt | Thêm một file .css chứa quy tắc sẵn sàng trỏ tới font | Bạn tự tay đưa font vào website |
| Tên họ phông chữ / Tên kiểu chữ | Mỗi tên tối đa 63 ký tự | Ghi lại các tên được lưu bên trong font | Bản chuyển đổi phải cài được song song với bản gốc |
Rút gọn ký tự là yếu tố giảm dung lượng mạnh nhất. Một họ font hỗ trợ Latin, Hy Lạp, Kirin và tiếng Việt có thể chứa hơn 1.000 glyph; một website chỉ có tiếng Anh cần chưa đến 100. Latin + dấu (châu Âu) là lựa chọn an toàn cho các ngôn ngữ Tây Âu và Trung Âu, vì nó bổ sung các ký tự như é, ñ, ø và ł mà Latin cơ bản bỏ đi. Với website tiếng Việt, hãy chọn Tiếng Việt để giữ đủ các chữ như ă, ơ, ư, đ và dấu thanh. Giữ Tất cả ký tự cho mọi font bạn cài trên máy tính, vì một glyph bị thiếu sau này sẽ hiện thành ô trống.
Hinting quan trọng nhất trên màn hình Windows độ phân giải thấp. Trên điện thoại và màn hình Retina, hinting gần như không tạo khác biệt thấy được, nên gỡ bỏ thường giảm 10 đến 30% dung lượng font web. Đầu ra SVG bỏ qua cả tùy chọn hinting lẫn rút gọn ký tự vì font SVG chỉ lưu đường viền dạng path đơn giản. Tùy chọn CSS có sẵn cho định dạng đích WOFF, WOFF2, EOT và TTF.
Giấy phép font chữ cần kiểm tra trước khi chuyển đổi
- Chỉ chuyển đổi font bạn có giấy phép sử dụng; đọc thỏa thuận EULA đi kèm font và tìm các từ "web", "embedding" hoặc "self-hosting".
- Giấy phép font máy tính hiếm khi cho phép đưa font lên website công khai, vì font web có thể bị mọi khách truy cập tải xuống.
- Font theo SIL Open Font License được chuyển đổi và phân phối tự do, nhưng font có Reserved Font Name không được giữ tên đó sau khi bị chỉnh sửa, và phần hỏi đáp của OFL coi việc rút gọn ký tự là một dạng chỉnh sửa. Hãy điền Tên họ phông chữ để đổi tên.
- Font đi kèm Windows hoặc macOS được cấp phép để dùng trên hệ điều hành đó, không được phân phối lại dưới dạng font web.
- Giữ file gốc: công cụ không bao giờ sửa file bạn tải lên, nhưng một bản đã đổi tên hay rút gọn không thể thay thế bản gốc có giấy phép.
Để font sau chuyển đổi cài được và tải được
| Nên | Không nên |
|---|---|
| Chọn Latin + dấu (châu Âu), bộ chữ bạn cần hoặc Tất cả ký tự khi chữ hiện thành ô vuông; với Chỉ các ký tự tôi nhập, hãy nhập cả dấu câu và chữ số | Nhấp đúp file WOFF, WOFF2 hoặc SVG để cài; Windows sẽ báo đây không phải font hợp lệ |
| Chuyển sang TTF hoặc OTF cho font cần cài trên Windows; đó là hai định dạng duy nhất trình cài đặt của hệ thống chấp nhận | Giữ tên họ font nội bộ gốc trên bản đã chỉnh sửa, nếu không nó sẽ thay thế bản gốc trong menu font |
| Đặt Tên họ phông chữ kiểu như "Inter Web" để bản chuyển đổi cài được bên cạnh bản gốc | Gỡ hinting khỏi font sẽ được đọc ở cỡ chữ nhỏ trên máy tính Windows đời cũ |
| Dùng Giữ nguyên cho font có hinting thủ công tốt và Tự động hinting cho font chưa từng có hinting | Phục vụ font web từ một origin khác mà không có header CORS; trình duyệt sẽ tải về rồi bỏ qua nó |
Khớp đường dẫn src và format("woff2") trong quy tắc @font-face với file bạn tải lên máy chủ |
Câu hỏi về chuyển đổi font chữ
Chuyển đổi font chữ đã mua có hợp pháp không?
Chuyển đổi file chỉ là thao tác kỹ thuật; giấy phép mới quyết định bạn được làm gì với kết quả. Nhiều giấy phép font máy tính cho phép cài trên một số máy nhất định nhưng không cho phép dùng font trên website, việc này thường cần giấy phép webfont riêng. Font theo giấy phép SIL Open Font License, như phần lớn Google Fonts, được phép chuyển đổi và tự lưu trữ trên máy chủ của bạn.
Font TTF và OTF khác nhau thế nào?
TTF chứa đường viền TrueType vẽ bằng đường cong bậc hai; OTF thường chứa đường viền PostScript (CFF) vẽ bằng đường cong bậc ba. Cả hai cài đặt giống nhau trên Windows và macOS, và đều có thể mang các tính năng OpenType như chữ ghép. Chuyển đổi giữa hai định dạng sẽ vẽ lại các đường cong, điều không thể nhận ra ở cỡ chữ bình thường.
Chuyển font sang WOFF2 có làm giảm chất lượng không?
Không. WOFF2 là lớp vỏ nén bao quanh chính dữ liệu TrueType hoặc OpenType, và trình duyệt giải nén lại thành đường viền gốc. Glyph, kerning và tính năng giữ nguyên; chỉ có dung lượng tải xuống nhỏ đi.
Có cài được file font WOFF hoặc WOFF2 lên máy tính không?
Windows và macOS không cài trực tiếp WOFF hay WOFF2. Hãy chuyển sang TTF hoặc OTF trước bằng chuyển WOFF2 sang TTF, rồi nhấp đúp vào file kết quả để cài đặt.
Website hiện nay còn cần font EOT hoặc SVG không?
Chỉ với trình duyệt rất cũ. EOT cần cho Internet Explorer 6 đến 8, còn IE 9 đã đọc được WOFF. Font SVG bị Chrome bỏ hỗ trợ năm 2014 và chưa bao giờ có trong Firefox, nên một quy tắc @font-face hiện đại chỉ cần WOFF2, kèm WOFF làm phương án dự phòng nếu muốn.
Vì sao font web sau khi chuyển sang WOFF2 vẫn nặng vài trăm KB?
Font vẫn chứa mọi bộ chữ mà nó được thiết kế: một họ font toàn châu Âu có thể mang glyph Latin, Hy Lạp, Kirin và tiếng Việt mà bạn không bao giờ hiển thị. Đặt Giữ ký tự theo bộ chữ trang của bạn sử dụng và đặt Hinting là Gỡ bỏ; kết hợp hai việc này thường giảm dung lượng file hơn một nửa.
Có chuyển đổi được variable font không?
Có. Chuyển một variable font TTF sang WOFF2 vẫn giữ các trục biến thiên, nên một file vẫn bao trọn mọi độ đậm. Rút gọn ký tự cũng giữ các trục; chỉ những ký tự bị loại bỏ mới biến mất.
Tất cả công cụ Chuyển đổi font chữ
Hãy chọn đúng mức yêu cầu bạn được đưa ra. Mỗi trang dưới đây là cùng một công cụ với các thiết lập mặc định khác nhau.
- Chuyển OTF sang TTFChuyển font OpenType OTF sang TrueType TTF cho ứng dụng chỉ nhận TTF. Xem điều gì xảy ra với đường cong bậc ba, hint PostScript và khi nào nên auto-hint.
- Chuyển TTF sang OTFChuyển font TrueType TTF sang OpenType OTF với đường viền CFF. Đường cong bậc hai đổi chính xác sang bậc ba; xem hinting và tính năng thay đổi ra sao.
- Chuyển TTF sang SVGChuyển font TrueType sang font SVG, mỗi glyph lưu dạng path SVG, dùng cho công cụ icon font, Inkscape và bộ webfont cũ. Hiểu rõ khác biệt trước.
- Chuyển TTF sang WOFFĐóng gói font TrueType thành WOFF 1.0 cho Internet Explorer 9–11, máy đọc ebook đời cũ và giao diện CMS cũ. Xem khi nào vẫn nên kèm font dự phòng WOFF.
- Chuyển TTF sang WOFF2Chuyển font TrueType thành web font WOFF2 nén Brotli, kèm sẵn quy tắc @font-face. Tùy chọn tập con Latin hoặc tự chọn giúp file tải về nhẹ hơn nữa.
- Chuyển WOFF sang OTFChuyển font web WOFF sang OpenType OTF. WOFF dạng CFF giải nén y nguyên; dạng TrueType được viết lại bằng đường cong bậc ba. Kiểm tra loại font.
- Chuyển WOFF sang TTFGiải nén web font WOFF 1.0 thành file TrueType TTF cài đặt được, từ bộ webfont cũ, bản sao lưu website hay gói icon font. Tối đa 20 font mỗi lượt.
- Chuyển WOFF2 sang TTFGiải nén font web WOFF2 thành file TrueType TTF dùng được trên Windows, macOS, Word và Figma. Tìm hiểu vì sao một số font web bị thiếu chữ.