Cắt Font Chữ Nhẹ Hơn
Giảm mạnh dung lượng file font chữ bằng cách
trích xuất riêng những ký tự bạn cần ngay trên trình duyệt.
1. Tải lên file Font
Bạn cũng có thể thích
Giới thiệu
Công cụ Cắt Font Chữ (Font Subsetter) là một tiện ích dành cho nhà phát triển nhằm tạo ra một tệp font siêu nhẹ bằng cách trích xuất (loại bỏ bớt) và chỉ giữ lại những ký tự cụ thể mà bạn dùng từ tệp TTF, OTF hoặc WOFF. Tính năng này đặc biệt hiệu quả với các font có số lượng chữ (glyph) khổng lồ, như font tiếng Nhật hay tiếng Trung, giúp giảm kích thước file lên đến hơn 90%, từ đó cải thiện đáng kể tốc độ tải trang web (điểm LCP, v.v.).
Công cụ này sử dụng mã nguồn "opentype.js" để thực hiện mọi tiến trình trực tiếp bên trong trình duyệt. Tệp font gốc của bạn không bao giờ bị upload lên máy chủ lưu trữ bên ngoài. Nhờ đó, bạn hoàn toàn có thể yên tâm sử dụng cho cả những bộ font thương mại có tính bảo mật khắt khe nhất.
Cách Cắt Font Chữ
Tải File Font
Kéo thả hoặc nhấp để chọn tệp font chữ (TTF/OTF...) mà bạn cần tối ưu vào khu vực tải file ở trên.
Chọn Ký Tự
Trong tab "Chọn Ký Tự", nhấn vào các bộ ký tự thiết lập sẵn (ASCII, Hiragana...) hoặc gõ thủ công những ký tự bạn định dùng.
Tạo & Xem Trước
Nhấp "Tạo Subset". Kiểm tra kết quả hiển thị ở tab Xem trước, và nhấn nút Tải xuống nếu bạn thấy ưng ý.
Thuật ngữ
- Subsetting (Cắt font)
- Quá trình xóa bỏ dữ liệu của các ký tự (glyph) không cần thiết khỏi tệp font, chỉ để lại những ký tự được dùng nhằm thu nhỏ dung lượng chung. Thường dùng để tăng tốc độ tải web font.
- Glyph (Bản khắc)
- Hình ảnh hoặc nét vẽ đại diện cho một chữ cái hoặc ký tự. Một file font có thể chứa tới hàng chục nghìn glyph, giải thích vì sao các font ngôn ngữ Đông Á (Trung, Nhật, Hàn) lại rất nặng.
- TTF (TrueType Font)
- Một định dạng font outline tiêu chuẩn được phát triển bởi Apple và Microsoft. Nó được hỗ trợ rộng rãi trên nhiều môi trường, từ thiết kế máy bàn cho đến ứng dụng web.
- OTF (OpenType Font)
- Phiên bản mở rộng của TTF do Adobe và Microsoft phát triển. OTF hỗ trợ các tính năng văn bản nâng cao như chữ ghép (ligatures) hoặc các biến thể ký tự (alternate), rất phổ biến trong giới thiết kế đồ họa.
- WOFF / WOFF2
- Định dạng Font Mở cho Web. Đây là các định dạng nén tối ưu được thiết kế chuyên biệt để dùng trên trang web. WOFF2 có tỷ lệ nén tốt nhất hiện nay.
FAQ
- Q.Dung lượng file sẽ giảm được bao nhiêu?
- Phụ thuộc vào số lượng ký tự bạn chọn. Thông thường, một file font tiếng Nhật/Trung nặng vài MB có thể giảm xuống chỉ còn vài trăm KB (giảm hơn 90%) nếu bạn chỉ lấy các ký tự cơ bản.
- Q.Font tải lên có bị lưu trên máy chủ không?
- Không. Toàn bộ quá trình xử lý được thực hiện trên máy tính của bạn bằng JavaScript (opentype.js). Các font thương mại hoặc mang tính bảo mật cao cũng có thể dùng an toàn.
- Q.Tôi có thể sử dụng font đã cắt cho mục đích thương mại không?
- Công cụ này chỉ hỗ trợ cắt font. Việc font xuất ra có dùng được cho thương mại hay không hoàn toàn phụ thuộc vào giấy phép của font gốc. Vui lòng kiểm tra điều khoản sử dụng của tác giả font.
- Q.Công cụ có hỗ trợ xuất file WOFF2 không?
- Công cụ này chỉ xuất ra định dạng TTF. Bạn có thể dùng một công cụ chuyển đổi định dạng riêng để đổi TTF sang WOFF2 sau khi đã cắt font.
- Q.Làm sao để tránh bị lỗi thiếu ký tự (hiển thị ô vuông)?
- Nếu bạn dùng các ký tự đặc biệt như emoji hay các cặp ký tự thay thế (surrogate pairs), hãy copy và paste trực tiếp chúng vào ô 'Ký tự tùy chỉnh' để công cụ nhận diện.
Ứng dụng
Dưới đây là một số trường hợp phổ biến mà việc sử dụng font subset sẽ mang lại lợi ích lớn nhất.
Tối ưu hiệu suất Core Web Vitals
Việc nhúng những file web font nặng tới vài MB sẽ chắn luồng tải trang và gây chậm trễ hiển thị văn bản (LCP, FCP).
Giải pháp: Cắt giảm font để chỉ giữ lại những chữ xuất hiện trên website sẽ giúp thu nhỏ file xuống chỉ còn vài trăm KB, cho phép chữ tải lên gần như ngay lập tức.
Lập Trình Game & Ứng dụng Di Động
Ứng dụng di động bị giới hạn về không gian lưu trữ tải xuống nên các tài nguyên cần được tối ưu hóa liên tục.
Giải pháp: Chỉ gói ghém những chữ cái được dùng trên menu UI hay trong các đoạn hội thoại game tĩnh để cắt giảm đáng kể dung lượng gói cài đặt.
Trình bày trang Landing Page (LP)
Khi bạn muốn dùng các font nghệ thuật hoặc font thư pháp nặng nề cho tiêu đề chiến dịch quảng cáo nhưng không muốn đánh đổi tốc độ web.
Giải pháp: Trích xuất chính xác vài chục ký tự trong câu slogan để có một tệp font siêu bé, đảm bảo hiệu ứng kiểu chữ hiển thị đẹp mắt mà vẫn tải nhanh như chớp.
Nhúng Email HTML và Sách EPUB
Email HTML hạn chế kéo file từ bên ngoài, và sách điện tử EPUB có các quy định khắt khe về giới hạn dung lượng tài nguyên đính kèm.
Giải pháp: Mã hóa Base64 đoạn font đã cắt để nhúng cứng trực tiếp vào mã HTML hoặc tệp EPUB, vừa giữ gìn đúng phông chữ vừa đáp ứng chuẩn kỹ thuật.
Công Nghệ Xử Lý
Thao tác font phía Client bằng opentype.js
Công cụ này hoạt động dựa trên thư viện mã nguồn mở opentype.js. Toàn bộ dây chuyền xử lý — từ bước đọc file font, trích xuất dữ liệu glyph cho đến việc cấu trúc lại tệp font mới — đều được tính toán 100% bằng JavaScript ngay trên trình duyệt của máy bạn.
Không giống như các bộ chuyển đổi chạy trên server, phương pháp này loại bỏ hoàn toàn quá trình upload/download những tệp font khổng lồ qua mạng, tiết kiệm thời gian đáng kể. Quan trọng nhất, nó đảm bảo quyền riêng tư và độ an toàn tuyệt đối, vì tệp tin (đặc biệt là các font mua bản quyền) không bao giờ rời khỏi thiết bị của bạn.
Gửi phản hồi
Vui lòng cho chúng tôi biết suy nghĩ của bạn để giúp chúng tôi cải thiện công cụ.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.