美しいフォントのサイズバランスを簡単算出！Type Scaleというサービスを使ってみた

Type Scaleという、いい感じのフォントのバランスを算出してくれる無料のWebサービスを使ってみました。

使い方

左側のBase Sizeが、基準となる文字サイズになります。
Scaleで、文字サイズを何倍で拡大・縮小するかを設定できます。

こんな感じで、Preview Textは日本語も入ります。

Preview Text下にある "Save for later"をクリックすると、設定値が保存されたリンクを生成できます。これをブックマークしておけば、いつでも確認できますね。

右側の緑色矢印の部分を開くと、こんな感じでプレビューを確認できます。

色を変えてみたり、フォントを変えてみたりして、雰囲気をチェック。

ただ、選べるフォントに日本語フォントがないのはちょっと残念。

下にあるGrab the CSSボタンを押すと、このフォントサイズのCSSを一発で作ってくれるので大変便利です。

まとめ

フォントサイズのバランスを整えることで、情報が格段に見やすくなります。

サイトやアプリを作る時にぜひ使ってみてください。