F H
Chỉ thành viên · WebFont Kit

Trình tạo WebFont Kit

Chỉ dành cho hội viên

Gói font web turnkey – không chỉ vài file WOFF mà là bộ giao hàng hoàn chỉnh, giải nén và triển khai ngay

Không giới hạn cho người đăng ký · Cấu trúc chuẩn · CSS tự động · Demo · Tóm tắt giấy phép · Tùy chọn subset

Generate once, unzip and ship

Standard folder layout—link css/font.css and go

Kit folder structure

Inter-WebFont-Kit/
├── fonts/
│   ├── Inter-Regular.woff2
│   └── Inter-Regular.woff
├── css/font.css
├── demo/demo.html
├── license/
│   ├── license.txt
│   └── license-summary.md
└── README.md
  • ✓WOFF2 + WOFF for size and compatibility
  • ✓demo/demo.html local preview
  • ✓README.md integration guide
  • ✓License risk summary for commercial use

Sample css/font.css

@font-face {
  font-family: "Inter";
  src:
    url("../fonts/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Chuyển đổi rời rạc vs Kit turnkey

Tự ghép từng phần FontHubs WebFont Kit
Convert TTF to WOFF2, then write CSS Upload TTF/OTF, get a standard Kit in one step
Assemble folders and @font-face by hand Auto css/font.css with weight/style
No preview before shipping demo/demo.html for local QA
License info scattered license.txt + license-summary.md
Subset in another tool Optional subsetting with size preview
Đăng ký để bỏ qua các bước trên

Chỉ đăng ký · Trình tạo WebFont Kit

Kích hoạt đăng ký FontHubs để tạo WebFont Kit turnkey không giới hạn – gồm đường dẫn, CSS, demo và ghi chú giấy phép.

Xem gói thành viên

Also included with membership

One subscription for discovery through deployment

Font Subsetter Font Identifier (Pro) License Checker Font Compare

Free commercial fonts ready for the web

Download TTF/OTF from a detail page, then generate your WebFont Kit here

Browse more free commercial fonts

Câu hỏi thường gặp

How do I convert TTF to WOFF2?
Upload a TTF file to generate a WebFont Kit with WOFF2 (and WOFF) plus ready-to-use @font-face CSS—more deployable than a single converted file.
How do I convert OTF to WOFF2?
OTF to WOFF2 is supported the same way. Upload once to get WOFF2/WOFF, CSS, a demo page, and a license summary in a standard kit folder.
What is a WebFont Kit?
A WebFont Kit is a production-ready folder you can deploy on a site: WOFF2/WOFF files, @font-face CSS, a demo page, README, and license files in a standard layout.
Can I use fonts from FontHubs detail pages?
Yes. Download TTF/OTF from a font detail page (e.g. Inter, Roboto, Noto Sans), then return here to build the WebFont Kit for web embedding.
Do I need a membership?
Yes. The generator is for FontHubs subscription members only, with unlimited generations. Membership pays for platform services—not font copyrights. Review license files before commercial use.
How is this different from a basic converter?
Basic converters often return raw WOFF2 files. WebFont Kit delivers a complete package with paths, demo, and a license summary, plus fontkit-based family/weight/style metadata.
Xem gói thành viên