タイポグラフィと単位

このページでは、タイポグラフィとインターフェースの測定値を整理するための2つの無料ツールを提供しています。タイプスケールは比率からサイズの段階を作成し、ピクセルとREMは選択した基準でピクセルとremを変換します。デザイナーや開発者がテキスト階層を設定し、単位間で値を変換するのに役立ちます。どちらのツールも登録は不要で、作業内容をブラウザ内に保持します。

見出しや段落など、サイズの進行が必要な場合はタイプスケールから始めます。変換する値がすでにある場合や基準を確認したい場合は、ピクセルとREMを使います。2つのツールは相性がよく、スケールで段階を決め、変換でそれらをremで表現できます。無料で、登録は不要です。

使い方

まずタイプスケールでサイズの進行を設定し、テキスト階層に合う比率を選びます。
得られた値を記録し、次にピクセルとREMを使ってプロジェクトの基準でremに変換します。
最後に、見出し、小見出し、本文が複数の画面幅で読みやすく一貫していることを確認します。
小さな画面と大きな画面でピクセルとREMによる変換をもう一度確認し、テキストが窮屈なら基準やステップを調整します。

よくある質問

なぜタイプスケールを使うのですか？

タイプスケールは比率からサイズの段階を作成します。見出し、小見出し、本文の間に一貫した階層を保つのに役立ちます。ツールは無料で、登録は不要です。

ピクセルとREMではどの基準を選べばよいですか？

ピクセルとREMは選択した基準で変換します。基準はプロジェクトで使用する参照サイズです。変換する前にその開始値を確認してください。

2つのツールは一緒に使えますか？

はい。タイプスケールで段階を定義し、その後でピクセルとREMが結果の値を変換できます。これにより読みやすい進行と適切な単位を保てます。どちらも無料で、登録は不要で、ブラウザ内にとどまります。

スケールを適用してからremに変換するには？

まずタイプスケールでステップを定義します。希望するサイズを記録し、次にピクセルとREMを開いて、選んだ基準でそれらの値を変換します。定期的な階層を保つため、スタイルシートで結果を確認します。

タイプスケールで比率を選ぶ前に何を確認すべきですか？

最小と最大の予定テキストの差を見ます。強い比率は使いにくい隙間を生むことがあり、弱い比率は階層を不明瞭にします。次にピクセルとREMでステップをテストし、自分の単位で表現します。