可変フォントビューアー

可変フォントの軸をオンラインでプレビューして調整

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

Buy

ブラウザーで可変フォントを直接プレビューできます。 ローカルの 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.