フォント モジュラススケール 生成ツール

フォント モジュラススケール 生成ツール

フォントモジュラースケールジェネレーターは、1つのベースサイズと選択された数学的比率から完全なタイプグラデーションを構築します。スケールの各ステップは前のステップに比率を掛けたものであり、ヘッダー、本文、および小文字のサイズがすべての画面で比例を保ちます。

使用方法

1. [名前]を設定してください ベースサイズ ピクセル単位（一般的に16px、これは1remに等しくなります）。
2. [ブラウザのchrome]を選択し、 比率 ドロップダウンから選択するか、または カスタム 自分の値を入力してください。
3. 出力の選択 ユニット (rem、em、またはpx) および数値 小数点.
4. を選択してください エクスポート形式 — CSS変数、SCSS変数、Tailwind設定、またはJSON。
5. を編集してください サンプル サンプルテキストを各ステップでプレビューできます。
6. 生成されたコードをコピーまたはダウンロードし、プロジェクトに直接貼り付けます。

機能

• 9つのクラシック比率 — マイナースイードからオクターブまで、ゴールデンレシオ（1.618）を含む。
• カスタム比率入力 — 1.01から3までの間の任意の値を入力して、カスタムスケールを作成します。
• ライブ視覚プレビュー — xsから6xlまでの各ステップでサンプルテキストがレンダリングされます。
• 4つのエクスポートフォーマット — CSSカスタムプロパティ、SCSS変数、Tailwind設定、またはJSON。 fontSize rem、em、またはpx
• — デザインシステムに合う単位を選択します。 — 生成された値を0〜5桁まで丸めます。
• 調整可能な精度 クライアントサイドの数学
• — すべてがブラウザ内で実行され、サーバーに送信されません。 モジュラータイプスケールとは何ですか？