気になるサイトのフォントを調べるWhatFont

色々なサイトをみていると、このフォントは何だろう?と気になることがあります。

そんな時、デベロッパーツールを開いてみることもできますが、すこし面倒です。そこで、

気になるサイトのフォントを簡単に調べたり、サイトの模写をする場合にも便利なGoogle拡張機能WhatFontをご紹介します。

chromeウェブストアにアクセスし、What font をChromeに追加します。

WhatFontの使い方

右上に追加されたWhatFontのアイコンをクリックします。

するとカーソルを当てた所のフォントが表示されるので、調べたい文字にカーソルを当てます。上図ではGeorgiaが使われているのが分かります。
クリックするとさらに、詳細が表示されます。

  1. Family : フォントの種類
  2. Style : 文字のスタイル
  3. Weight : 文字の太さ
  4. Size : 文字の大きさ
  5. Height : 行の高さ
  6. Color : 文字色

終了する時には、画面右上のExit WhatFont または WhatFontのアイコンをクリックします。

気になるフォントがあったら、ぜひ試してみて下さい。