タイポグラフィテスターとは?
タイポグラフィテスターを使えば、フォントのプロパティをリアルタイムで試せます。フォントファミリー、サイズ、ウェイト、行の高さ、字間、その他を調整して、サンプルテキストへの変更をライブで確認しながら、デザインに最適なタイポグラフィを見つけられます。
使い方
- プレビューエリアにサンプルテキストを入力または貼り付けます。
- タイポグラフィコントロールを調整します:フォントファミリー、サイズ、ウェイト、行の高さ、字間、単語間隔。
- CSS出力をコピーして、プロジェクトでそのままタイポグラフィ設定を使用します。
結果
ウェブデザイナーが「Inter」を18px、行の高さ1.6、字間0.02emでテストして、ブログのスタイルシート用にCSSをコピーします。