BLOG

気になるwebサイトのフォントを瞬時に判別!
便利すぎるChrome拡張機能「WhatFont」をご紹介

webサイトを見ていて、そこで使われているフォントが何か気になることってありませんか?
今回は、web上のフォントを簡単に調べることができる「What Font」というChrome拡張機能について説明します。
 

Chrome拡張機能とは

Chromeに機能を追加するプログラムファイルのことです。Chromeはこれにより様々な便利な機能を追加でき、独自の作業環境を作れることが魅力の一つです。Chrome ウェブストアから無料でダウンロードでき、インストールもとても簡単にできます。
 

WhatFontの使い方

WhatFontとはweb上のフォントをワンクリックで簡単に調べることができる拡張機能です。
まずはChrome ウェブストアからインストールしましょう。画面右上の「Chromeに追加」をクリックします。
 
 

 
 
Chromeの右上にWhatFontのアイコンが現れれば、無事インストール完了です。
 
 

 
 
次は実際に使っていきましょう。
WhatFontのアイコンをクリックし、「Exit WhatFont」のボタンが出てきたら機能している状態になります。
このボタンはWhatFontの使用を終える際に押して下さい。
※初回はタブが出てきますが、一番上の「WhatFont」をクリックすれば大丈夫です。
 
 

 
 
WhatFontが機能した状態のまま、気になるwebページのフォントのテキスト上へマウスオーバーすると、使われているフォントの名前が出てきます。
 
 

 
 
さらにこの状態でフォント名をクリックすると、フォントの詳細が出てきます。
ここではfont-family、font-weight、Style、Weight、size、line-height、colorを確認可能です。
 
 

 
 
以上で紹介を終えたいと思います。
WhatFontを活用して、webデザインやコーディングを賢く行いましょう!
 
 
 
Author :スタッフS

TOP