タイプスケールジェネレーター について
数学的比率でタイポグラフィスケールを生成し、フォントをライブプレビューし、CSS、SCSS、Tailwind設定にエクスポートします。すべてブラウザ内で動作します。
タイプスケールジェネレーター の使い方
- 1ベースフォントサイズ（例：16px）を設定し、スケール比（短3度、長3度、完全4度、黄金比など）を選択します。
- 2単位（px、rem、em）を選択し、値の丸めを切り替えます。
- 3スケールをプレビューするフォントファミリーとウェイトを選択します。
- 4各ステップとその計算されたサイズを示すビジュアルスケールをレビューします。
- 5CSSカスタムプロパティ、SCSS変数、またはTailwind設定としてエクスポートします。
ヒント
- 長3度（1.25）のスケールはほとんどのウェブサイトに適しています。極端なサイズジャンプなしに明確な階層を提供します。
- アクセシブルなタイポグラフィにはrem単位を使用してください。ユーザーのブラウザフォントサイズ設定を尊重します。
- 黄金比（1.618）は劇的なサイズ差を作ります。エディトリアルやアーティスティックなレイアウトに最適です。
OneKitTools チーム更新日 2.21.4