字体与网页
WOFF2 已上传但网页没变,按请求、名称、字形排查
极捷工具编辑 · 更新于
字体文件成功转换后,网页仍可能使用系统字体。排查时按加载请求、CSS 名称和字符覆盖逐层检查,比反复转换同一个文件更有效。
打开字体格式转换 →操作步骤
- 直接访问字体部署地址,确认返回的是字体文件而不是 404 页面或 HTML。
- 检查 @font-face 的 font-family 与元素上的名称一致,路径相对的是样式文件或所写绝对路径。
- 在开发者工具查看实际渲染字体,再检查字体是否包含目标字符与字重。
跟着示例试一次
如果声明的是 DemoFont,而元素写成 DemoFonts,浏览器就找不到对应字体族。先统一名称,再检查请求与渲染信息。
怎样确认结果正确
字体请求成功且没有解码错误,目标字符实际由该字体渲染;必要时用明显不同的字形做对比。
常见问题与边界
缓存、跨域响应头和 CSS 优先级都可能造成看似未生效。仅看文件后缀为 .woff2 不能证明内容有效,转换后的文件仍应在真实页面验证。