タイポグラフィスケール生成

タイポグラフィスケール生成で出来る事

タイポグラフィスケール生成の使い方

1. ベースサイズ（14〜24px）を設定します。一般的なWebサイトでは16pxが標準です
2. スケール比率のプリセット（黄金比、完全五度など）を選択するか、カスタム値を入力します
3. 上方向ステップ数（見出しの段階数）と下方向ステップ数（小文字の段階数）を調整します
4. プレビューで各サイズの文字を確認し、バランスを目視でチェックします
5. 「CSSコードをコピー」ボタンをクリックして、プロジェクトに貼り付けます

タイポグラフィスケール生成を使うメリット

• 音楽理論に基づく比率プリセットで、美しいフォントサイズ階層を数秒で構築
• リアルタイムプレビューで実際の文字サイズを確認しながら微調整が可能
• CSSカスタムプロパティ形式で出力するため、デザインシステムにそのまま組み込み可能
• px / rem / em 対応で、固定値・ルートベース・相対単位を自由に選択可能
• フォントサイズに応じた最適な行間（line-height）を自動計算
• ブラウザ完結でデータ送信なし。安心して業務利用可能