网页字体生成器

关于网页字体生成器

网页字体生成器帮你省掉自己部署字体时最琐碎的活。上传 TTF 或 OTF，得到一个 ZIP：里面有 WOFF2、WOFF、TTF 三种格式的字体，还有一个已经写好 @font-face 规则的 CSS 文件。把文件传到网站上，CSS 粘进样式表，字体就能用了。

font-display 可以选：推荐的 swap 先用备用字体显示文字，加载完再换上；其余四个值对这段等待的处理各不相同。勾选“把字体嵌入 CSS（Base64）”，字体数据会直接写进 CSS，少一次请求，但样式表会变大。

网页字体生成器怎么用

1. 1
   上传字体

   上传要用在网站上的 TTF 或 OTF 字体。

2. 2
   选加载方式

   在 font-display 里选一个值，大多数网站用推荐的 swap。

3. 3
   是否嵌入 CSS

   想要一个自带字体的 CSS 文件，就勾选“把字体嵌入 CSS（Base64）”。

4. 4
   生成字体包

   勾选授权确认，点“网页字体生成器”按钮，下载 ZIP。

为什么用熊仔工匠

• 三种格式一次给

  WOFF2、WOFF、TTF 打包在同一个 ZIP 里。

• 写好的 CSS

  CSS 里的 @font-face 规则已经写好，路径也指向字体文件，复制粘贴即可。

• 加载方式可选

  swap、auto、block、fallback、optional 五种。

• 可嵌入 Base64

  字体直接写进 CSS，适合小字体或图标字体。