可变字体查看器

在线预览并调整可变字体轴

Roboto Flex3 轴

A flexible sans-serif variable font with optical size, weight, and width axes.

Variable fonts let one file behave like an entire type family.

生成的 CSS

.variable-preview {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-optical-sizing: none;
  font-synthesis: none;
  font-variation-settings: 'opsz' 14, 'wght' 400, 'wdth' 100;
}

Aspose.FontAspose.Font Web Applications

直接在浏览器中预览可变字体。 上传本地 TTF 或 OTF 文件并检查其变化轴。

使用实时滑块调整字重、宽度、光学尺寸、倾斜和自定义轴。 复制项目所需的 CSS font-variation-settings。

此页面是未来 Python 可变字体工具链的第一阶段。

  • 直接在浏览器中预览可变字体。
  • 上传本地 TTF 或 OTF 文件并检查其变化轴。
  • 使用实时滑块调整字重、宽度、光学尺寸、倾斜和自定义轴。
  • 复制项目所需的 CSS font-variation-settings。

可变字体查看器

  • 选择示例字体或上传自己的可变字体。
  • 查看检测到的轴,例如字重、宽度或光学尺寸。
  • 移动滑块或选择命名实例。
  • 编辑预览文本和大小,以便进行真实布局测试。
  • 复制生成的 CSS 并在页面中使用。

  • 可变字体查看器直接在浏览器中预览可变字体。 使用实时滑块调整字重、宽度、光学尺寸、倾斜和自定义轴。
  • 可变字体查看器选择示例字体或上传自己的可变字体。 查看检测到的轴,例如字重、宽度或光学尺寸。
  • 上传可变字体上传本地 TTF 或 OTF 文件并检查其变化轴。
  • 生成的 CSS复制项目所需的 CSS font-variation-settings。
  • 使用实时滑块调整字重、宽度、光学尺寸、倾斜和自定义轴

    使用实时滑块调整字重、宽度、光学尺寸、倾斜和自定义轴。
  • 上传本地 TTF 或 OTF 文件并检查其变化轴

    上传本地 TTF 或 OTF 文件并检查其变化轴。
  • 复制项目所需的 CSS font-variation-settings

    复制项目所需的 CSS font-variation-settings。
© Aspose Pty Ltd 2001-2026. All Rights Reserved.