ページ上のフォント情報をポップアップパネルで表示できるGoogle Chromeエクステンション「WhatFont」

ウェブサイトで使われているフォントの種類やサイズなどを確認するには、通常そのページのソースを開く必要があります。

しかし、あちこちスクロールしながら該当部分のフォントを探し出すのはなかなか面倒なものですね。

こんな時、もっと手っ取り早くフォントの詳細を知ることができれば便利ですね。

Google Chromeに「WhatFont」という拡張機能をインストールしておけば、目的のテキストにマウスを載せるだけで、そのフォントの詳細を知ることができるようになります。

「WhatFont」をインストールすると、ツールバーに専用のツール起動ボタン　　が付与されます。

このボタンをクリックし、ページ上のテキストにマウスを乗せると、フォント名がポップアップ表示されるようになります。





この状態で該当テキストをクリックすれば、以下のような詳細パネルがポップアップ表示され、フォントファミリー以外にスタイル、ウェイト、サイズ、行の高さなどを確認することができます。





ポップアップパネルは[×]で閉じるまで表示されたままとなりますので、前のパネルをキープしたまま次の箇所を調べるようなことも可能です。





Escキーを押せば全てのパネルが閉じられ、機能を終了するようになっています。

このように、非常に簡単な操作でフォントの詳細を調べることができますので、自分のサイトのフォント管理はもちろん、他のサイトのフォントを参考にするような場合でも素早く作業を行うことが可能となります。

時間をかけてソースでフォントを調べていた方は導入してみてはいかがでしょうか。


ダウンロード： WhatFont（Chrome Web Store）


＜関連記事＞


■そのフォントは何？「Font Finder」

■Firefox各部のフォントを変更する方法。

■Firefox各部のフォントを大きく、見やすくできる3つのアドオン。

■[Firefox]ステータスバーのフォントサイズを変更する方法。

■Firefox各部のフォントサイズをワンタッチで一括変更できるアドオン「Theme Font Size Changer」