OneKitTools logoOneKitTools
返回开发者

可变字体测试器

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

关于 可变字体测试器

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

如何使用 可变字体测试器

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

提示

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

相关工具

OneKitTools 团队更新于 2.21.4