画像からフォントを調べる方法｜無料ツールと精度を上げるコツ

気になるWebサイトやチラシを見て、「このフォント、何ていう名前だろう」と気になったことはありませんか？参考サイトを分析していても、フォント名が分からないと

「自分にはまだ知識が足りないのかも」
「聞くのも恥ずかしい」

と感じてしまう方は少なくありません。

でも、フォントについては正しい調べ方の手順があり、知識や経験がなくても調べられます。

この記事では「フォント 検索 画像」「フォント検索 画像から」で調べている方に向けて、画像からフォントを特定する具体的な方法を解説しますので、順番に読み進めてください。

画像からフォントを調べる方法は大きく2つ

画像からフォントを特定する方法は、大きく分けて2つあります。

• 無料のオンラインフォント検索ツールを使う方法
• Photoshopのマッチフォント機能を使う方法

どちらを選ぶかは、次の2つを基準に考えるとシンプルです。

1、Photoshopの有無
Photoshopを持っている→マッチフォント
Photoshopを持っていない→オンラインツール

2、日本語か英語か
調べたいフォントが和文（日本語）→マッチフォント
調べたいフォントが欧文（英語）→オンラインツール

次の章から、それぞれの具体的な手順を見ていきましょう。

無料オンラインツールで画像からフォントを調べる手順

Photoshopを持っていない方でも、無料のオンラインツールを使えば画像からフォントを調べられます。代表的なツールのひとつがWhatFontIsです。

フォントを知りたい画像をアップロードすると、近いフォントの候補が一覧で表示される仕組みです。

注意したいのは日本語フォントへの対応です。WhatFontIsの公式サイトには日本語フォントへの対応可否が明記されていません。

看板やチラシなど日本語の画像を調べる場合は、期待どおりの結果が出ないことがある前提で使うのがおすすめです。日本語フォントを重点的に調べたい方は、次に紹介するPhotoshopのマッチフォント機能のほうが向いています。

Photoshopの「マッチフォント」機能で調べる手順

Photoshopを使っている方には、標準機能の「マッチフォント」がおすすめです。手順は次のとおりです。

マッチフォントの大きな特徴は、日本語フォントにも対応している点です。欧文と和文をあらかじめ指定できるため、オンラインツールでは判定しづらい日本語の画像も調べやすくなります。

ただし限界もあります。マッチフォントが検索できるのは、パソコンにインストール済みのフォントとAdobe Fontsに収録されているフォントの範囲だけです。

それ以外の(未インストールで、Adobe Fontsにも収録されていない)フォントは、候補として表示されません。また、似たフォントが手元にあっても、必ず正しく検索できるとは限らないともされています(自動検索のため精度は保証されていません)。

Photoshopの料金プランは変動するため、最新のプランはAdobe公式サイトでご確認ください。

フォント検索の精度を上げるコツ

1、文字部分だけをトリミングする
背景やイラストが写り込んでいると、文字の輪郭を正しく認識しにくくなります

2、ノイズを減らす
影・装飾・グラデーションなど文字以外の要素はできるだけ除いた画像を用意します

3、解像度の高い画像を使う
文字がぼやけていると誤認識の原因になります

4、1つのツールの結果を鵜呑みにしない
オンラインツールとPhotoshopの両方で候補を出し、共通して挙がるフォント名を目視で見比べて絞り込みます

こうした準備をすると結果を左右することがあります。同じ画像でも、トリミングやノイズ処理をする前と後とで、検索結果に表示される候補が変わることも珍しくありません。

見つけたフォントを使うときの注意点(商用利用・ライセンス)

フォントには1つずつライセンス(利用規約)があり、無料で使えるフリーフォントもあれば、商用利用に別途契約が必要な有料フォントもあります。Web用途で使えるか、埋め込みが許可されているかといった条件もフォントごとに異なります。

見つけたフォントを実際に使う前には、必ずそのフォントの配布元や販売元が公開している利用規約を確認してください。特にWeb制作では、

• サイトに埋め込んで表示する用途が許可されているか
• 商用サイトでの使用が可能かどうか

を個別に確認する必要があります。

フォントによっては個人利用のみ無料で、商用利用には別途ライセンス購入が必要なケースもあります。「無料で配布されている＝どんな用途にも自由に使える」とは限らない点を押さえておきましょう。

まとめ

画像からフォントを調べる方法は、無料オンラインツールとPhotoshopのマッチフォント機能の2つが軸になります。持っているツールと、調べたいフォントが日本語か欧文かで使い分けましょう。

フォントの調べ方は、Web制作で身につけたい基礎スキルのひとつにすぎません。学ぶ順番に迷っている方は、以下の関連記事で全体の流れを確認してみてください。

独学で進めるかどうかで迷っている方は、こちらの記事が判断の参考になります。

参考情報源

• WhatFontIs公式サイト(無料プランの検索回数・有料プランの内容を確認): https://www.whatfontis.com/
• Photoshopのマッチフォント機能の解説(操作手順・検索対象の範囲を確認。: https://321web.link/fonts-search/