バリアブルフォントテスター について
インタラクティブな軸スライダーでバリアブルフォントをテストします。Google Fontsから選択するか独自のフォントをアップロードして、すべてブラウザ内で動作します。
バリアブルフォントテスター の使い方
- 1Google Fontsドロップダウンからバリアブルフォントを選択するか、独自のフォント（.ttf、.otf、.woff2）をアップロードします。
- 2タイポグラフィ設定を調整します：フォントサイズ、行の高さ、字間、テキストと背景の色。
- 3バリエーション軸スライダー（ウェイト、幅、スラントなど）を使用してフォントの全範囲を探索します。
- 4編集可能なプレビューテキストで結果をプレビューします。
- 5プロジェクトで使用するためにfont-variation-settingsを含むCSS出力をコピーします。
ヒント
- バリアブルフォントは複数の静的フォントファイルを1つのファイルに置き換えます。HTTPリクエストと合計ファイルサイズを削減します。
- すべての軸が同じではありません：ウェイト（wght）が最も一般的ですが、幅（wdth）、オプティカルサイズ（opsz）、カスタム軸もチェックしてください。
- CSSトランジションでfont-variation-settingsを使用すると、滑らかなアニメーションタイポグラフィエフェクトが得られます。
OneKitTools チーム更新日 2.21.4