DotGothic16は、ドット絵のような見た目の日本語フォントです。Google Fontsで無料で使えるこのフォントを、Webサイトに取り入れる方法を考えます。

DotGothic16の特徴

小さいサイズで使うとドット感が出て、大きいサイズで使うとモダンなピクセルフォントとして機能します。日本語・英語・数字すべてをカバーしており、Webフォントとして読み込むだけで使えます。

効果的なサイズ設定

本文テキストには16px〜18px。見出しには24px以上で使うと、ピクセルのエッジが活きます。小さすぎると読みにくくなるので、14px以下はモノスペースフォントと組み合わせることをおすすめします。

相性の良いフォントの組み合わせ

BOATshipでは IBM Plex Mono と組み合わせています。日本語にDotGothic16、英数字にIBM Plex Mono——この組み合わせが、テック感とレトロ感を同時に出せます。Silkscreenを小見出しに加えると、ゲームUIのような世界観が完成します。

使ってはいけない場面

高級感や洗練を求めるブランドには不向きです。また、長文の本文には読み疲れを感じさせることがあります。アクセント的に使うか、BOATshipのようにブランドコンセプトに合致した場合に採用しましょう。