fluid typography calculator
1.0.0
この計算機の使用方法
pxまたはremにMINおよびMAXフォントサイズを入力します。ベースフォントは常にこれらの制限内に残ります
pxまたはremにMinとMax Viewportの幅を入力してください。
ビューポートが最小幅以下で、その逆の場合。これらの制限の間に、フォントサイズはクライアントのビューポート幅に比例してスケーリングされます
結果パネルは、CSSにコピーできる生成された式を示しています
この計算機がどのように機能するかを説明する「Fluid Typography」の投稿を読んでください
この計算機は、クリストファー・カーク・ニールセンの投稿「Clamp()を備えた現代の流体タイポグラフィ」に触発されています。
Clampの機能に合った別のフォールバック戦略については、Daniel Yuschickの「CSS Clamp()による流動的なタイポグラフィは私の新しいお気に入りのものです」を参照してください。