F H
會員專享 · TTF/OTF → WOFF2

TTF / OTF 轉 WOFF2

Members only

不只是格式轉換：上傳 TTF 或 OTF，一鍵得到可上線的 WebFont Kit（WOFF2 + CSS + Demo）

對準 ttf to woff2 / otf to woff2 · 訂閱會員不限次數 · 標準目錄 · 自動 @font-face · 可選子集

一次生成，解压即用

标准目录结构，复制到项目即可引用 css/font.css

Kit 目录结构

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 双格式，兼顾体积与兼容
  • ✓demo/demo.html 本地预览效果
  • ✓README.md 接入说明
  • ✓license-summary 商用风险提示

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;
}

零散转换 vs 交钥匙 Kit

自己拼凑 FontHubs WebFont Kit
找工具转 WOFF，再手写 CSS 上传 TTF/OTF，一键得到标准 Kit
自己拼目录、写 @font-face 自动生成 css/font.css（含 weight/style）
没有预览页，上线前心里没底 自带 demo/demo.html 本地验收
授权信息散落各处 license.txt + license-summary.md
子集要另开工具 同页可选子集，体积对比一目了然
开通订阅会员，跳过上述步骤

訂閱會員專享 · TTF/OTF 轉 WOFF2

開通 FontHubs 訂閱會員後，即可不限次數將 TTF/OTF 轉為含 WOFF2 的完整 WebFont Kit。您得到的不是零散字體檔，而是含路徑、CSS、Demo 與授權提示的標準交付包。

查看会员方案与价格

订阅会员还可使用

一套会员，覆盖从发现字体到网站上线的常用工作流

字体子集化 字体识别（专业版） 字体版权检测 字体对比

適合轉成網頁字體的免費商用字體

先從詳情頁下載 TTF/OTF，再用本頁產生 WebFont Kit

瀏覽更多免費商用字體

常见问题

如何把 TTF 轉成 WOFF2？
上傳 TTF 檔即可產生含 WOFF2（及 WOFF）的 WebFont Kit，並附帶可直接引用的 @font-face CSS。
如何把 OTF 轉成 WOFF2？
同樣支援 OTF → WOFF2。上傳後一鍵得到標準 Kit：WOFF2/WOFF、CSS、Demo 與授權摘要。
什麼是 WebFont Kit？
WebFont Kit 是一套可直接部署到網站的字體包，包含 WOFF2/WOFF、@font-face CSS、Demo、README 與授權相關文件。
能和 FontHubs 字體詳情頁一起用嗎？
可以。先在詳情頁下載 TTF/OTF（如 Inter、Roboto），再回到本頁產生 WebFont Kit。
需要會員才能使用嗎？
是的。WebFont Kit 產生器為 FontHubs 訂閱會員專享，開通後可不限次數生成。會員為平台服務，不包含字體版權。
查看会员方案与价格