Google Chrome拡張機能の「WhatFont」を使えばページ上のフォント名がすぐに分かる!

公開日:2014年7月18日
最終更新日: 2015年2月27日

google_whatfont_photo_01

こんにちは!

色んなWEBサイトを見てると、「これって何のフォントを使用してるんやろう?」と思う時はないですか?そんな時に便利なのが、Google Chrome拡張機能の「WhatFont」です。この拡張機能を導入すれば、ページ上のフォント名がすぐに分かります。

今回は、このGoogle Chrome拡張機能の「WhatFont」について記事にしたいと思います。本当に便利ですよ。

当然ですがGoogle Chrome拡張機能なので、Google Chromeでしか使用できません。

目次!

1.Chrome ウェブストアよりインストール!
2.実際に使ってみる!

Chrome ウェブストアよりインストール!

まずはChrome ウェブストアより「WhatFont」をインストールしましょう。

以下のURLをクリックしてください。

ウェブストアが開きますので、右上の「無料」をクリックしてください。

google_whatfont_photo_02

確認画面が表示されますので、「追加」をクリックしてください。

google_whatfont_photo_03

Chromeの右上に「WhatFont」のマークが追加されます。

google_whatfont_photo_04

これでChromeへのインストールが完了しました。

実際に使ってみる!

それでは実際に使用してみましょう。

まずは知りたいフォントがあるサイトを開きます(今回は例として当ブログ)。次にChromeの右上に「WhatFont」のマークをクリックしてください。するとサイトの右上に「Exit WhatFont」のマークが表示されます。

google_whatfont_photo_05

次に知りたいフォントの上でクリックしてください。

google_whatfont_photo_07

次に知りたいフォントの上でクリックしてください。そうするとフォント情報が表示されます。「font-size」や「CSS情報」まで分かります。今回はロゴ下にある「WordPressの使い方とカスタマイズの方法をまとめました!」のフォントを調べてみました。

google_whatfont_photo_06

以上です。簡単に使用できますね。

最後に!

これで自分が気になったフォント名がすぐに分かりますよ。導入も使用方法も簡単なので、ぜひお試しください。

以上「Google Chrome拡張機能の「WhatFont」を使えばページ上のフォント名がすぐに分かる!」でした!

それではまた。

公開日:2014/07/18
最終更新日: 2015年2月27日
カテゴリー:google

関連記事

新着記事

コメント/トラックバック

トラックバック用URL:

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

正しい数値を入力して下さい *
Time limit is exhausted. Please reload CAPTCHA.

最新の記事

カテゴリー

過去の記事

プロフィール

  • 著者:Masaki Yamashita

    大阪でWEB制作の仕事をしています。
    WEBデザイン、コーディング、WordPress・EC-CUBEの設置やカスタマイズなど何でもやっています。

follow us in feedly