*

画像のフォントを調べる事ができるサイト「What the Font」

公開日: : 最終更新日:2016/01/16 Webサービス

display-res

パソコンで使えるフォント(書体)はとんでもない量があります。それはもう星の数ほどあるのではないでしょうか。有料フォントからフリーフォントまで、日々新しいフォントが作られています。

ところで、このフォントは何という名前のフォントだろう?と思う事はありませんか?フォントを見ただけでフォント名を言い当てられる人はそう多くはないでしょう。Photoshop ファイルや Illustrator ファイルなど、編集用ファイルがある場合はそのファイルを開いてフォント名を調べる事ができますが、もし画像しかなかった場合フォント名を調べる事は困難です。

フォント名を調べたり探さなくてはいけないケースには以下のような事が考えられます。

  • 自分で作ったファイルだけどアウトライン化したAIファイルしかなくてフォント名がわからない。
  • クライアントから書体指定で依頼が来たけど、手がかりが画像しかない。

Illustrator の ai ファイルの場合、文字をアウトライン化してしまったら文字は図形となってしまうのでフォント名を調べる事が不可能になります。もし探すとなればインストールされているフォントリストから探すことになります。これは骨が折れますよ。

また、クライアントから書体指定でウェブサイトやバナーなどの依頼が来る事も考えられます。フォント名を教えてくれたら良いのに画像しか送られてこない事があって困った記憶があります。

そんな時、パッとフォントを調べてくれるツールがあれば…。そう思ったあなた、そんなツールがあるんです!

フォント(書体)を調べる「What the Font」の使い方

WhatTheFont! « MyFonts

www.myfonts.com

海外のウェブサービスですが、そんなに気負う必要はありません。使い方は簡単です。

whatfonts

今回は例として上図のフォントを調べてみることにします。

whatfonts2

まずは、調べたいフォントの画像を選んで「Continue」ボタンをクリックします。対応画像は jpg, gif, png のいずれかで、サイズは2MBまでです。

whatfonts3

各文字に対して自動で文字が抽出されます。もし間違っていたら各テキストボックスに文字を入力して修正し、Continue ボタンをクリックします。

whatfonts4

結果が出ました。今回は5種類のフォントがマッチしたようです。一番上を見ると「Sanvito Pro」というフォントである事がわかりました。正解です。適当なフォントを選んでいくつか試してみましたが、いずれも正解で結構精度は高いように思います。

おわりに

しかし、海外製ウェブサービスなので和製フォントは非対応である事を念頭に置く必要があります。日本でもロゴやバナーにアルファベットを使うことは多々あるので、十分使いみちがあるウェブサービスではないでしょうか。

  • Pocket

おすすめトピックス

関連記事

Google Analyticsであるページアクセスの除外グラフを作る方法

ウェブサイトを運営するならアクセス解析ツールの Google Analytics を導入するのは基本ですね。Google アカウントがあれば無料ながらに様々な統計を取る事ができます。 さて、Google Analytic […]

画像を使わずCSS3でグラデーションを超簡単に作れるウェブアプリ「Grad2」

一昔前までは Web 制作において背景や見出しなどにグラデーションを使おうと思ったら画像を使うしかありませんでした。グラデーション用だけの画像を作って背景に設定するというやり方です。しかし、それも CSS3 の登場で不要 […]

定規と分度器
1インチは何ミリ?Googleの長さ相互単位変換機能が便利だった

Google 検索ってただ知りたい情報を検索するだけの機能だけではありません。ご存じの方も多いと思いますが、Google の検索窓に計算式を入れたら電卓として機能します。東京の天気と入力すれば、検索結果の一番上に現在の東 […]

新聞記事
あなたの興味ありそうなおすすめの記事をGoogleが紹介してくれるのをご存知?

スマートフォンやタブレットで新しいニュースを入手するには、ニュースアプリを導入するか自らニュースサイトへ見に行くという方法があります。実はその他にスマートフォンやタブレットでは Google があなたの興味ありそうな記事 […]

instagramで写真を見てもらえないとお悩みならハッシュタグを付けてみよう

instagram は SNS の一つで写真を共有するアプリです。写真が上手い人はとても美しい写真を日々アップして、いいねがたくさん付いたり日々交流が盛んです。 じゃあ、私も instagram に登録して写真をアップし […]

AbemaTV
テレビに革命!ネットで見るテレビ「AbemaTV」無料でニュースもアニメもスマホで見られる

2016年4月11日にサイバーエージェントとテレビ朝日による AbemaTV というサービスがスタートしました。簡単に説明すると、無料でインターネットを通じてテレビ番組を視聴できるサービスです。地デジで放送されているテレ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
セブンイレブンからアイスキャラメルラテが発売されていたので感想など

セブンイレブンでお馴染みのセブンカフェからアイスキャラメルラテ

キャラメルがとろける贅沢なチョコクッキー東京限定の「キャラメルウィッチ」

先日東京へ行った時にまるでブランドバッグのようなお洒落さと高級

朝食もできる古民家パン屋カフェ、米原駅徒歩5分「ベーカリーカフェカシュカシュ」

2017年4月に滋賀県の米原駅東口から徒歩5分程度の場所にベー

大垣市の麺やらいじんが移転、一味違う豚骨スープとらいじんラーメンに舌鼓

かつて岐阜県大垣市浅中にあった「麺やらいじん」さんが2017年

ガソリンスタンドENEOSの看板にあるFCとは一体何?

ガソリンスタンドの ENEOS は日本全国にありますが、たまに

→もっと見る