ブログやサイトのフォントを調べる方法【2019年最新】

他のブログやサイトを見ているときに、「このフォント読みやすくて良いな～」と思ったことありませんか？

今回は他のサイトやブログのフォントを調べる方法をご紹介したいと思います。

ブログやサイトのフォントを調べる方法

ブログやサイトのフォントを調べる方法はいくつかあります。

ChromeやFirefoxなどブラウザには標準で搭載されているデベロッパーツールでフォントを調べることができます。

例）Google Chromeの場合

この方法ならブラウザさえあれば利用できます。

ちなみにデベロッパーツールでは、そのサイトで使われている色も確認することが可能です。

Googleの拡張機能であるWhat Fontはフォントを取得するための機能ということもあり、font-familyだけでなくサイズや色の情報まで取得できます。

STEP.1
What FontのページをGoogle Chromeで開く
STEP.2
右上にあるChromeに追加をクリック
STEP.3
ブラウザ右上のツールバーに追加されたアイコンをクリック
下に「Exit WhatFont」が表示されれば起動中です。
（起動しない方はChromeを再起動してみてください）
STEP.4
調べたいテキストをクリック
Familyの中で左側から優先的に割り当てられていきます。

しかし、上記２つの方法では画像の中にあるフォントは取得することができません。

次は画像中のフォントを取得する方法をご紹介します。

WhatTheFontというサイトなら画像内のフォントを調べてくれます。

画像から読み込むということで、100％の正確性がある訳ではありませんが、高確率で正しいフォントを示してくれ、上記方法と組み合わせることでほぼすべてのサイトのフォントを知ることができます。

以上で完了です。

全く同じではなくても、かなり近いフォントが表示されているはずです。

ちなみに、スマホ用のアプリもあります。

WhatTheFont

開発元:MyFonts Inc.

無料

Identifontというサイトでは、フォントの特徴に対する質問を答えることで、なんのフォントか答えてくれます。

見事正解でした。

Identifontは英語のフォントでも利用可能です。

以上、ブログやサイトのフォントを調べる方法についてご紹介しました。

フォントもブログの印象を大きく変える要因になるので、お気に入りのフォントを見つけられるといいですね。