文字サイズスケール

文字サイズスケールの使い方

文字サイズスケール. 基準文字サイズ・比率・段数を設定しCSSサイズを生成します。

1. 上の色・文字・数値を調整します。
2. 設定を変えながらプレビューを比較します。
3. 結果をコピーするか端末に保存します。

文字サイズスケール · 例

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

使用上の注意

ファイルと入力はこのブラウザー内で処理されます。アップロードやアカウントは不要です。

プレビュー文字は最大72pxです。出力には計算したサイズを保持します。