【WhatFont】サイトのフォントを調べる方法

フォントも色々ありますよね。

最近だとおしゃれなWEBフォントも多くて初めて見た!というフォントとの出会いも多いです( ˙-˙ )

この記事ではWEBサイトで使われているフォントを簡単に調べらることができるWhatFontのインストール先と使い方について紹介しています。

WEBサイトで使われているフォントを調べるWhatFont

WhatFontはchromeの拡張機能です。

調べたいフォントをクリックするだけで、クリックするだけで、フォントの種類・サイズ・ウェイト・行間など様々な情報を入手できます。

デベロッパーツールを開くの面倒だなという時にいいですね!

WhatFontはchromeウェブストアから入手できます。
WhatFontはこちらから

WhatFontの使い方

①Chrome拡張機能一覧からアイコンをクリック

ブラウザのChrome拡張機能一覧にこのアイコンがあるのでクリックします。

クリックするとブラウザの右上に「Exit WhatFont」というの表示されます。

②カーソルを調べたいテキストに合わせる

通常のカーソルのままなので分かりにくいですが、カーソルをテキストに合わせると画像のように黒背景に白地で使われているフォントが表示されます。

終了したい場合はブラウザ右上の「Exit WhatFont」をクリックするか、「esc」キーを押してください。

WEB制作やWEBデザインに役立つChrome拡張機能についてまとめ記事を作成しました。
よかったら参考にしてください!↓↓