(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連ブログ関連サービス

WhatFontで使われているフォントを調べる!

WhatFontで使われているフォントを調べる!
この記事は約2分で読めます。

【広告】

※ 本ページには【広告】が含まれています

気になるフォントを調べる方法

他のサイトを見て色々勉強させて貰っていますが、その時に格好いいフォントや気になるフォントが使われていることが有り、使われているフォントが気になってしまいます。

また、自分のサイトでもこのフォントサイズって、どれぐらいにしたかな? もう少しフォントサイズを大きくしても良いかなって思ってソースコードを確認することがあります。

その時にフォントの種類やサイズなどを簡単に調べることができる「WhatFont」の出番になります。

Google ChromにWhatFontを追加する

この「WhatFont」は、ブラウザ Google Chromeの拡張機能になります。

chrome ウェブストアから追加することで「WhatFont」を使う事ができます。

WhatFont

WhatFontを使ってみる

「WhatFont」の使い方はシンプルで簡単です。

ブラウザ Google Chromeの拡張機能として「WhatFont」を追加すると、右上の拡張機能が表示されるバーに「WhatFont」のアイコンが表示されます。

WhatFontで使われているフォントを調べる!

その「WhatFont」のアイコンをクリックします。

クリックすると [Exit WhatFont] が表示されます。

WhatFontで使われているフォントを調べる!

次に調べたいフォントにマウスカーソルを重ねると、そのフォント名が表示されます。

WhatFontで使われているフォントを調べる!

更にクリックすると、フォントの詳細情報が表示されます。

WhatFontで使われているフォントを調べる!

終了するときは、再度「WhatFont」のアイコンをクリックします。

WhatFontで使われているフォントを調べる!

最後に

この「WhatFont」は、他の人がどのようなフォントでどのような設定で使っているかを簡単に調べることができて大変便利で重宝しています。

また自分のサイトでも、各所のフォントサイズなどの調整を行う際に「WhatFont」を使って確認しています。

サイトを少しでも作成される方に是非使って欲しい機能です。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

シェアする
※ 記事内には【広告】が含まれています

コメント

【広告】