2023.01.24 コーディング
WEBサイトのフォントを調べることができる、Chrome拡張機能
こんにちは!
今回はGoogle Chromeで、閲覧中のWEBサイトで使用されているフォントを確認できる拡張機能について紹介していきたいと思います。
使用する拡張機能
今回使用する拡張機能は「WhatFont」です。Chromeウェブストアよりダウンロードすることができます。
使用方法
Google Chromeで閲覧するWEBサイトを開き、画面右上の拡張機能一覧の「WhatFont」のアイコンをクリックします。
クリック後、ページ内のテキスト(見出し・文章など)にカーソルを合わせると、カーソルの横にその箇所で使用されているフォント名が表示され、その状態でクリックするとフォントサイズなどの詳細な情報を確認することができます。
拡張機能の動作を止めたい場合は、画面右上に表示される「Exit WhatFont」をクリックします。
サイト上で使用されているフォントの名称をすぐに調べられるので便利であるとともに、WEB制作におけるページ作成後の検証作業でも役立つので、ぜひ使用してみてください。