2023年11月21日5 分

画像からフォントを検索する簡単な方法とおすすめツール

最終更新: 9月29日

まずはじめに:AI で Web サイトを自動生成 →|ロゴを作成 →

クリエイターならだれもが一度は経験する、「このフォント、使いたいけどフォント名がわからない...」という悩み。今回は、そんな悩みを解消するために、画像や Web デザイン、写真などからフォントを検索できる便利なツールを紹介します。

目次

画像からフォントを検索するツール

01. Adobe フォント

02. Myfonts

フォント検索の拡張機能&アプリ

03. WhatFont 

04. Adobe Capture (アプリ)

日本語フォントの検索に特化したツール

05. ライクフォント

06. もじざい

フォント調査に便利なツール

07. Wordmark

見つけたフォントをWebデザインに活用

思いのままにホームページが作成できる、Wix の Web デザインツールはご存知ですか?ホームページの作成から、ロゴの作成まで、デザインの幅が広がる、高機能なプラットフォームをお試しください。

\思い通りのデザインをノーコードで実現/

画像からフォントを検索するツール

01. Adobe フォント

Adobe フォントは、 Web サイト上で手軽に利用できるフォント検索ツールです。Web サイト上に画像をアップロードするだけで、類似する英語フォントを探せます。

画像をアップロードし、選択ボックスで検索したいフォントを囲みます。「次のステップ」をクリックすると、類似のフォントを表示します。残念ながら、画像検索で日本語フォントを選択することはできません。

検索結果に表示されたフォントは、選択してその場で Adobe クラウドに追加でき、プロジェクトに使用するのに便利です。

02. What the Font(My Font)

270,000 以上の有料・無料フォントを提供する My Font のフォント検索機能、 What The Font でも画像検索が利用できます。

検索したフォントは、その場で必要なライセンスを選択し、カートに追加できます。フォントや必要なライセンスによって価格は様々ですが、基本的にリーズナブルな価格のフォントを見つけられます。

直感的で使いやすいインターフェースなので、デザイナーにとって頼りになるツールです。ただし、日本語フォントには未対応なのでご注意ください。

フォント検索の Chrome 拡張機能

03. WhatFont

フォント検索 Chrome の拡張機能としておすすめするのが、WhatFont です。事前に画像をダウンロードして保存する必要もありません。

この拡張機能を使用することで、調べたい Web サイト上で、検索したい文字をクリックするだけで、使用されているフォントを表示してくれます。

WhatFont を使用し Wix Sutudio ページのフォントを判別

04. Adope Capture

ふと見かけたおしゃれな商品パッケージや看板などからフォントを判別したいときは、スマホで使える Adobe Capture(AppleAndroid)がおすすめです。

Adobe アカウントを作成し、アプリ内のカメラでフォント撮影すると、類似のフォントを提案します。

日本語フォントの検索に特化したツール

05. ライクフォント

日本語や中国語のフォント検索に特化したサイトがライクフォントです。検索したい画像をアップロードすると、自動で文字をキャプチャします。その後、自動キャプチャで正しく読み取れなかった文字を手動で修正し文字を入力します。

06. モジザイ

モジザイは画像からフォントを検索することはできませんが、「男性的」「レトロ」といった雰囲気からフォントを検索することができる Web サイト です。約 300 種類の日本語フリーフォントから検索することができます。

フォント調査に便利なツール

07. Wordmark

デザインを作成していると、自分のコンピューターにどのフォントがダウンロードされているか全部を覚えていることは不可能です。同じフォントをダウンロードしてしまうことも多々ありますよね。そんな問題を解決できる便利なツールが、Wordmarkです。すでにコンピューターにダウンロードしてあるフォントを一括で表示し、サンプルテキストを入力することができます。

見つけたフォントをWebデザインに活用

使いたいフォントがみつかったら、早速デザインに活用しましょう。

思い通りの Web デザインを作成するなら、Wix の Web デザインツールをお試しください。Wix エディタなら、独自フォントをアップロードすることができ、ボタンやお問い合わせフォーム、メニューなどのテキストパーツで使用することができます。
 

 
独自のフォントをアップロードする

  1. エディタでテキストパーツをクリックします。

  2. テキストを編集」をクリックします。

  3. フォント」ドロップダウンをクリックします。

  4. フォントをアップロード」をクリックして、独自のフォントをアップロードします。

  5. フォントのアップロードが終わったのち、「完了」をクリックします。

\思い通りのデザインをノーコードで実現/

まとめ

画像からフォントを判別するツールは数多くありますが、それぞれ特長があります。デザイン作業の効率を向上させ、クリエイティブなプロジェクトをより楽しいものにするために、ぜひこれらのツールを活用してみてください。

Wix 公式ブログでは、ホームページ作成、デザイン、ビジネス開業に関するお役立ち情報を公開しています。ぜひその他の記事についてもチェックしてみてください。

おすすめ参考記事

▶️ おしゃれな英語フォント20選:ロゴデザインにもおすすめ

▶️ Webフォントとは?定番の日本語Webフォント23選

▶️ タイポグラフィとは?基礎とWebデザインに活用するコツを解説

編集者:Miyuki Shimose

SEO & ブログコンテンツマネージャー