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