字体与网页
字体转 WOFF2 后，怎样用在网页里
极捷工具编辑 · 更新于
网页使用本地字体需要先获得允许网页嵌入的授权，再准备字体文件和 CSS。将字体转成 WOFF2 只是第一步，文件路径、字体族名称和实际覆盖的字符同样决定能否显示。
打开字体格式转换 →操作步骤
- 选择允许网页使用的 TTF 或 OTF 文件，在字体格式转换工具中将目标格式设为 WOFF2。
- 转换后解压下载的 ZIP，确认里面有非空的 .woff2 文件；将它放到网站可访问的 /fonts/ 目录。
- 按下方示例定义 @font-face，再给需要使用字体的元素设置相同的 font-family。
- 打开浏览器开发者工具，检查字体请求成功，并确认渲染字体确实是目标字体。
跟着示例试一次
假设文件叫 demo.woff2，可以将其部署到 /fonts/demo.woff2，使用下方 CSS。先用短标题“工具使用指南 2026”测试中文、英文和数字，再扩展到实际页面。
@font-face {
font-family: "DemoFont";
src: url("/fonts/demo.woff2") format("woff2");
font-display: swap;
}
.title {
font-family: "DemoFont", sans-serif;
}怎样确认结果正确
字体请求应返回成功状态，页面刷新后没有字体解码报错。临时把字体文件路径改错再恢复，对比字形，并用浏览器的渲染字体信息排除系统字体回退。
常见问题与边界
格式转换不会补出字体缺少的字形，也不会自动获得商用授权。跨域托管需配置允许字体加载的响应头。特殊字体表或可变字体可能在转换中丢失能力，必须保留原文件并测试实际字重。