使い方
1. 画像をアップロード — テキストが写った画像をドラッグ＆ドロップ、またはクリックしてアップロード
2. 候補をチェック — 最も近いGoogle Fontsを、ライブプレビューとコピーできるコード付きで表示
なぜGoogleフォント検索ツールを作ったのか
Google Fontsが登場した当初、フォントはたった19種類でした。今では1900を超えるフォントファミリーがあります。その中からぴったりの一つを見つけるのは、ほぼ不可能です。
それに、予算の限られたデザイナーとして、僕はほぼGoogle Fontsしか使いません。無料で、導入が簡単で、どこでも動きますから。でも「◯◯の代わりになるGoogle Font」を検索するたびに、いつも同じデザインブログやRedditのスレッドばかりが出てきて、同じ定番の提案を見せられる。選べるフォントファミリーは山ほどあるのに、これには本当にうんざりでした。
また、フォント識別サイトを使ったことがあれば気づいたかもしれませんが、ああいうサイトが特定するのはほとんどが有料の商用フォントで、Webプロジェクトで使うには何千ドルもかかります。だから僕は、オープンソース・無料のGoogle Fontsだけに特化したこのツールを作りました。
それともう一つ。最近、CDやカセット、VHS・DVDのジャケットなどを作れる僕の TaperCraft サイトに、好きなGoogleフォントを選べる機能を追加しました。そこで、Googleフォントを特定する手段が必要だと気づいたんです。
What the Fontが良かった頃を覚えていますか？
「What the Font?」が出た当初は本当にすごかった。でも、どんどん使いにくくなってしまいました。
新しいサイトもありますが、フォント検索サイトはどれもインターフェースがストレスフルだと感じます。だから、快適に使えるものを、いくつかの改良を加えて作りたかったんです。クリップボードから画像を直接貼り付けられたり、読み込みが速かったり、結果を多く表示したり。さらに各結果には直接ダウンロードボタンやフォント名のコピーボタンなど、他のサイトにはなさそうな便利機能も付けました。
探しているフォントがGoogle Fontsに存在しない場合でも、このサイトは十分似ているものをたくさん見つけてくれます。つまり、似ているGoogleフォントを探すツールとしても優秀です。自分のために作って、自分にはとても役立ったので、あなたにも役立つとうれしいです。
プロのコツ
- 識別したいフォントの、きれいで鮮明なスクリーンショットを使ってください。ノイズが多い画像や斜めの画像は結果が悪くなります。
- Cmd + V（PCではCtrl + V）で画像を直接貼り付けられます。
- 広告を消したい方は、僕の フィジカルメディア向けサイトTaperCraft でパトロンとして購読（月6ドル）してください
Macユーザーにもう一つ超プロ級のコツ：「Cmd + Shift + 4」を押してから「control」を押しながら画面の範囲を選択すると、画像がクリップボードにコピーされます。あとはこのサイトに戻って貼り付ければ、フォントを特定できます。
よくある質問
画像からフォントを特定するには？ 特定したいテキストが写ったスクリーンショットや写真をアップロードしてください。ツールがタイポグラフィを分析し、無料で使えるGoogle Fontsの中から最も近い候補を表示します。
一番おすすめの無料フォント識別ツールは？ ほとんどのフォント識別ツールは、有料のプレミアムフォントばかり提案してきます。このツールはGoogle Fontsだけと照合するので、どの結果もプロジェクトで無料で使えます。
別のフォントに似ているGoogle Fontを探すには？ 気に入ったフォントの画像をアップロードすると、似ているGoogle Fontsが類似度順に表示されます。各結果にはライブプレビューとコピーできるコードが付いています。
Google Fontsは商用利用も無料ですか？ はい。すべてのGoogle Fontsはオープンソースで、個人・商用どちらのプロジェクトでも無料で使えます。ライセンス料もクレジット表記も不要です。
Google FontをWebサイトに追加するには？ 各フォントの結果にはコピーできるCSSインポートコードが付いています。スタイルシートに貼り付けて、CSSでそのfont-familyを指定するだけです。「フォントをダウンロード」して自分のパソコンで使うこともできます。
探しているフォントがGoogle Fontsにない場合は？ 多くのフォントは有料または独占的なものです。このツールは、ウェイト・スタイル・プロポーションなどの特徴が似ている、Google Fontsの中で最も近い無料の代替フォントを見つけます。
フォントはどうやって特定しているの？これはAI？ 半分そうです。AIはテキストを読み取って文字の基本的な形を認識するのは得意ですが、実際のフォントと照合するのは苦手です。そこで、フォントサーバーと組み合わせて最も近いフォントを見つけています。仕組みについて詳しく読む。
こんにちは、Texです！いろんな面白いプロジェクトを作っていて、texs.org で全部見られます。気軽にメールするか、DMを送ってください：