2022年7月14日 フォント名を簡単に調べる方法３選

こんにちは！デザイナーのTOMOYOです！

「何のフォントが使われているのだろう？」と思ったことはありませんか？

Webブラウザの文字であれば検証ツールで調べることが出来ますが、画像が使われている場合などは、調べることが難しい場合がありますよね。

今回は、フォント名を簡単に調べる方法3選についてご紹介いたします！
　　　　　　　　　　

Adobe Fontsの「ビジュアルサーチ」

リンク

Adobe Fontsの「ビジュアルサーチ」は、画像に使われているフォントを調べたい時に適しています。
　　　　　　

使い方は、下記の通りです。

サイトを開き、「ビジュアルサーチ」部分で、画像をドラッグ&ドロップ
→テキスト部分を選択
→サンプルテキストの文字をチェック（正しいテキストに変更）
→候補が表示される
　　　　　　

サイトの画像などを見て「こういう雰囲気のフォントを使いたいなー」という時に、おすすめです。
　　　　　　　　　　　

WhatFont

リンク

拡張機能「WhatFont」は、サイトで使用されているテキストのフォント情報を確認出来ます。
フォントの種類だけではなく、太さ、サイズ、行間、色の情報も知ることが出来るので、とても実用的です。
　　　　　　　　　　
使用方法は、拡張機能アイコンをクリックし、確認したいテキストをクリックするだけ！
他サイトをチェックする際や、コーディング中などに便利です。

Adobe Capture

リンク

スマホアプリ「Adobe Capture」を使えば、スマホで撮影して簡単にフォント名を知ることが出来ます。
　　　

使い方は、下記の通りです。
アプリ内カメラでフォントを撮影
→フォント範囲を選択
→フォントが表示される

　　　　　
また、表示されたフォントはそのまま有効化出来るので時間短縮出来ます◎
外出先でも使えるので、とても便利です！

いかがでしたでしょうか？

以上、フォント名を簡単に調べる方法3選をご紹介致しました。

とても便利なものばかりですので、ぜひ試してみてくださいね！
また次回お楽しみに！