SERVICE

フォントを簡単に調べられる!Chromeの拡張機能WhatFont

投稿日:


どうも、べ〜やんです。

今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介します。





WhatFontとは


『WhatFont』はwebサイトで使用されているフォントを簡単に調べられるChromeの拡張機能です。

このフォントいいなぁ〜と感じた時にすぐにフォントの名前を調べることができます。さらに、フォントのサイズ、カラー、スタイルなども同時に調べることができるのも便利です。

調べられるものは以下の通り

  • font-family
  • font-Style
  • font-Size
  • font-Weight
  • Line-Height
  • Color

『WhatFont』はChromeの拡張機能ですので、Chromeを使用してください。


使い方


chromeウェブストアからWhatFontを追加してください。

chromeウェブストア-WhatFont

webサイトで気に入ったフォントを見つけたら、WhatFontのアイコンをクリック。

カーソルの横にフォント名が表示されるようになります。

フォント上でクリックすると、さらに詳しい情報を確認できます。

終了するには、画面右上に表示された、『Exit WhatFont』をクリックします。


おわりに


今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介しました。

font-Sizeやfont-Weightまで同時にわかるのは便利ですね。



-SERVICE
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

便利!Boostnoteの使い方

どうも、べ〜やんです。 今回は、プログラマ向けのメモ帳アプリBoostnoteを紹介します。 Boostnoteとは Boostnoteとは、日本製のプログラマ向けのメモ帳アプリです。 Boostno …

ブックマークはもういらない、超便利Pocket

どうも、べ〜やんです。 今回は、お気に入りのwebページを保存しておく便利なサービスのPocketを紹介します。 Pocketとは Pocketは、お気に入りのwebページを保存しておく世界で2,20 …

大きさを測定!Google Chromeの拡張機能Page Ruler Redux

どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …

グラデーションの無料コレクション!WebGradients

どうも、べ〜やんです。 今回は、180個の線形グラデーションの無料コレクション『WebGradients』を紹介します。 WebGradientsとは 引用元:WebGradients 『WebGra …

アニメーション背景を作成!Animated CSS Background Generator

どうも、べ〜やんです。 今回は、アニメーション背景を作成してくれる『Animated CSS Background Generator』を紹介します。 Animated CSS Background …