@font-face Tạo Webfont
Phông chữ biến, WOFF2 và CSS chỉ với một cú nhấp chuột
Thả các tệp TTF, OTF, WOFF hoặc WOFF2 của bạn — bao gồm cả phông chữ biến — chọn cài đặt của bạn và tải xuống một gói sẵn sàng lưu trữ với WOFF2, WOFF, một stylesheet.css hoàn chỉnh và một trang demo trực tiếp.
Kéo thả phông chữ ở đây hoặc nhấp để duyệt
TTF, OTF, WOFF, WOFF2 và phông chữ biến — cho phép nhiều tệp
Phông chữ đã chọn
Cài đặt chuyển đổi
Đây là tên bạn sẽ sử dụng trong CSS của bạn, như font-family: 'MyName';. Để trống để giữ nguyên tên gia đình phông chữ gốc từ tệp.
Kiểm soát cách văn bản được hiển thị trong khi webfont đang tải.
Đường dẫn được sử dụng bên trong url(...) trong tệp stylesheet được tạo.
Mẹo: nhấn Ctrl+Enter để tạo.
Gói webfont của bạn đã sẵn sàng
ZIP chứa: phông chữ đã chuyển đổi, stylesheet.css và một demo.html trực tiếp.
100% phía khách hàng
Chuyển đổi hoàn toàn diễn ra trong trình duyệt của bạn bằng cách sử dụng WebAssembly. Phông chữ của bạn không bao giờ được tải lên.
Phông chữ biến & tất cả các định dạng
TTF, OTF, WOFF và WOFF2 vào — WOFF2 tối ưu ra, với hỗ trợ đầy đủ cho các trục phông chữ biến (wght, wdth, slnt, ital).
Đầu ra sẵn sàng sản xuất
Gửi một stylesheet.css với hiển thị phông chữ đúng, tùy chọn local() và một demo.html để bạn có thể thả gói thẳng vào dự án của mình.
Tạo webfont là gì?
Một trình tạo phông chữ web biến các tệp phông chữ trên máy tính để bàn hoặc tải xuống (TTF, OTF, WOFF, WOFF2 — bao gồm cả phông chữ biến hiện đại) thành các định dạng mà trình duyệt có thể tải qua web — chủ yếu là WOFF2 ngày nay, với WOFF là phương án dự phòng — và tạo ra các khai báo CSS @font-face tương ứng để bạn có thể tự lưu trữ kiểu chữ của trang web của mình.
Tại sao tự lưu trữ phông chữ?
Tự lưu trữ cho bạn toàn quyền kiểm soát về hiệu suất, quyền riêng tư và độ tin cậy. Không có yêu cầu bên thứ ba đến Google Fonts (hữu ích cho GDPR), không cần tra cứu DNS bổ sung, bạn có thể tải trước tệp, và bạn quyết định chính xác các trọng số, kiểu và trục nào sẽ được gửi cùng với trang web của bạn.
Cách chuyển đổi hoạt động
WOFF2 bọc các hình dạng TTF/OTF của bạn trong một container nén Brotli được thiết kế đặc biệt cho web — thường nhỏ hơn 30% so với WOFF và nhỏ hơn 50% so với TTF gốc. WOFF là một lớp bọc nén zlib cũ hơn, được giữ lại như một phương án dự phòng cho các trình duyệt rất cũ. Trình tạo của chúng tôi chạy bộ mã hóa và giải mã WOFF2 chính thức của Google được biên dịch thành WebAssembly, vì vậy quá trình chuyển đổi diễn ra cục bộ bên trong trình duyệt của bạn. Thả một WOFF2 bạn đã tải xuống từ Google Fonts và chúng tôi sẽ giải mã nó trở lại thành một container sfnt trước khi mã hóa lại — bạn không bao giờ phải tìm kiếm TTF gốc.
Những gì bạn nhận được trong gói
- Phông chữ trong WOFF2 (và tùy chọn WOFF/TTF) cho mỗi mặt đã tải lên — bao gồm cả phông chữ biến được giữ dưới dạng một tệp nhỏ duy nhất.
- Một stylesheet.css hoàn chỉnh với một quy tắc @font-face cho mỗi tệp, các gợi ý định dạng() chính xác, khoảng trọng số phông, kiểu phông, kéo dài phông, hiển thị phông và tùy chọn local().
- Một trang demo.html để bạn có thể xem trước mọi trọng số, kiểu và trục ở nhiều kích thước trước khi chính thức ra mắt.
- Nhúng Base64 tùy chọn để gửi phông chữ inline trong CSS của bạn cho các tình huống ngoại tuyến hoặc gói một tệp.
Quyền riêng tư & cấp phép
Các tệp không bao giờ rời khỏi thiết bị của bạn — mọi thứ được xử lý trong trình duyệt của bạn. Luôn đảm bảo rằng giấy phép phông chữ của bạn cho phép nhúng webfont trước khi xuất bản nó trên trang web của bạn.