タイポグラフィテスターとは?

タイポグラフィテスターを使えば、フォントのプロパティをリアルタイムで試せます。フォントファミリー、サイズ、ウェイト、行の高さ、字間、その他を調整して、サンプルテキストへの変更をライブで確認しながら、デザインに最適なタイポグラフィを見つけられます。

使い方

  1. プレビューエリアにサンプルテキストを入力または貼り付けます。
  2. タイポグラフィコントロールを調整します:フォントファミリー、サイズ、ウェイト、行の高さ、字間、単語間隔。
  3. CSS出力をコピーして、プロジェクトでそのままタイポグラフィ設定を使用します。

結果

ウェブデザイナーが「Inter」を18px、行の高さ1.6、字間0.02emでテストして、ブログのスタイルシート用にCSSをコピーします。

関連ツール