「WhatFont」の使い方

公開日: : 最終更新日:2014/08/13 デベロッパーツール

拡張機能「WhatFont」の使い方を紹介します。

WhatFontとは

WhatFontは、ウェブページで使われているフォントの種類を調べられる機能です。

WhatFontのインストール

Chrome ウェブストア   WhatFont

拡張機能追加

WhatFontの使い方

インストールが終わったら、ブラウザ右上にアイコンが追加されます。

8J92J28HU9ej29jd

フォントの種類を調べたいページで、アイコンをクリックします。

すでに、開いているページで機能利用したい場合は、一度タブを更新します。

アイコンをクリックし、文字にマウスを合わせるとフォントの種類が表示されます。

そのままクリックすると、詳細な情報が表示されます。

YJwd3e3dU38diej3k

オプションは、アイコンの色を変えるだけなので説明は省略します。

個人的感想

とても便利な機能です。

他サイトのフォントがきになるという人は使えるかと思います。

クリックして詳細な情報を出せば、コピーできるのも便利です。

  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事

Chrome ウェブストア   Page Refresh

「Page Refresh」の使い方

拡張機能「Page Refresh」の使い方を紹介します。 Page Refreshとは P

記事を読む

Chrome ウェブストア   Enable Copy

「Enable Copy」の使い方

拡張機能「Enable Copy」の使い方を紹介します。 Enable Copyとは Ena

記事を読む

Chrome ウェブストア   Go Extensions

「Go Extensions」の使い方

拡張機能「Go Extensions」の使い方を紹介します。 Go Extensionsとは

記事を読む

Chrome ウェブストア   User Agent Switcher

「User-Agent Switcher」の使い方

拡張機能「User-Agent Switcher」の使い方を紹介します。 User-Agent

記事を読む

Chrome ウェブストア   Utime

「Utime」の使い方

拡張機能「Utime」の使い方を紹介します。 Utimeとは Utimeは、日付をUNIXt

記事を読む

Chrome ウェブストア   PageRank

「PageRank」の使い方

拡張機能「PageRank」の使い方を紹介します。 PageRankとは PageRankは

記事を読む

Chrome ウェブストア   PageSpeed Insights  by Google

「PageSpeed Insights」の使い方

拡張機能「PageSpeed Insights」の使い方を紹介します。 PageSpeed I

記事を読む

Chrome ウェブストア   Page load time

「Page load time」の使い方

拡張機能「Page load time」の使い方を紹介します。 Page load timeと

記事を読む

Chrome ウェブストア   Link Checker

「Link Checker」の使い方

拡張機能「Link Checker」の使い方を紹介します。 Link Checkerとは L

記事を読む

Chrome ウェブストア   Clear Cache

「Clear Cache」の使い方

Clear Cacheの使い方を紹介します。 Clear Cacheとは Clear Cac

記事を読む

PAGE TOP ↑