モデュラー・タイポグラフィ・スケール
タイポグラフィのモジュラースケール計算
基準サイズと倍率から、指定範囲内の幾何級数的な文字サイズを生成し、pxとremで表示します。
計算結果
結果
—
計算手順
手順を1つずつ、またはまとめて表示できます。現在の入力値を使った計算手順です。
計算方法
入力されたベースと1つの明示的なレム参照の周りに符号付き整数ステップを使用する。
Size at step n=base×ratio^n; rem=size/root font size
計算例
16 px塩基対1.25の比率は、25 pxをステップ2つとする。
前提条件と入力上の注意
算術設計スケール、アクセスできないフォントサイズのアドバイス、ブラウザズーム動作、またはフォントメートルの測定。ルートサイズはビジターブラウザから読み込まれるのではなく、入力される。
このツールの使い方
自分の値を入力できますか?
はい。入力例をご自身の値に変更してください。結果・計算手順・表・対応する図が入力に応じて更新されます。空欄や無効な値がある場合は結果を消去し、不足した入力を自動的に例の値で補うことはありません。
結果は厳密ですか?
浮動小数点演算を使用し、表示時に丸めています。計算式・前提条件・記載されたデータ精度を確認して結果を解釈してください。
入力内容は送信されますか?
計算はブラウザー内で行います。アカウント・ファイルのアップロード・外部AIサービスは不要です。ページを再読み込みすると入力値は保持されません。
CSSフォントサイズ換算
↗
ルートと親要素の文字サイズを個別に指定し、px、rem、em、%、CSSポイントを換算します。
CSS clampによる可変文字サイズ計算
↗
2つの画面幅の間で上下限付きの文字サイズを補間し、remとvwを組み合わせた係数を求めます。
画面サイズの計算
↗画面対角寸法と画素数から、有効幅・高さ、縦横比、画素密度、画素ピッチを寸法図とともに求めます。
広告
広告掲載用スペースです。