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

関連記事

背景素材を生成!Cool Backgrounds

どうも、べ〜やんです。 今回は、背景素材を生成してくれるCool Backgroundsを紹介します。 Cool Backgroundsとは 引用元:Cool Backgrounds Cool Bac …

Webデザイナーになりたい人におすすめサービス5選

どうも、べ〜やんです。 今回は、Webデザイナーを目指している方におすすめな学習サービスを5つ紹介します。 Webデザインを学べるサービスの中でも、実際に私が利用したことのあるサービスに絞って5つ紹介 …

インターフェイスと配色をコード化!ColorTool

どうも、べ〜やんです。 今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。 ColorToolとは 引用元:Color Tool-Mate …

アイコンを簡単に表示できる!Icongram

どうも、べ〜やんです。 今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介します。 Icongramとは 引用元:Icongram Icongramは9つのアイコンライブラリからAP …

日本語フリーフォントを試せる!ためしがき

どうも、べ〜やんです。 今回は、好きな文章で複数の日本語フリーフォントを一度に確認できるサービス『ためしがき』を紹介します。 ためしがきとは 引用元:ためしがき 『ためしがき』は商用利用可能な日本語の …