【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
WordPress関連ブログ関連サービス

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

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

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

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

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

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

Google ChromにWhatFontを追加する

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

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

WhatFont
The easiest way to identify fonts on web pages.

WhatFontを使ってみる

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

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

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

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

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

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

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

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

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

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

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

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

最後に

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

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

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

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

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

下記バナーからスマホゲームのインストールお願いします!
アルケミストガーデン
最強でんでん
れじぇくろ! ~レジェンド・クローバー~
イース6 オンライン〜ナピシュテムの匣〜
黒い砂漠 MOBILE
グランドサマナーズ
ロードモバイル
駅メモ!-ステーションメモリーズ!

オンラインくじ引き
オンラインくじ引き INAKUJI(いなくじ)INABA.TECH
MASAa.net

コメント