Skip to content
OneKitTools logoOneKitTools
返回开发者

可变字体测试器

使用交互式轴滑块测试可变字体——支持 Google Fonts 或上传自定义字体

关于 可变字体测试器

交互式测试和预览可变字体的各个参数轴——实时调整字重、字宽、倾斜等属性并生成 CSS 代码。

如何使用 可变字体测试器

  1. 1上传可变字体文件或从预设中选择。
  2. 2输入示例文本以预览效果。
  3. 3使用滑块调整各个字体轴参数。
  4. 4使用瀑布流预览查看不同大小下的效果。
  5. 5复制生成的 CSS 代码用于您的项目。

提示

  • 可变字体可以用一个文件替代多个字重文件——显著减小页面加载大小。
  • font-variation-settings CSS 属性可以精确控制各个轴参数。
  • 动画预览可以帮助您直观地理解每个轴的效果范围。

相关工具

OneKitTools 团队更新于 2.25.0