フォント名を調べたい、類似フォントを探したいときに便利なツールまとめ

フォント名を調べたい、類似フォントを探したいときに便利なツールまとめ

こんにちは。sitoです。

今回は、「このフォントかっこいい。使いたい。」というときに、サクッとフォント名が調べれらたり、「テキスト修正したいのにフォントが画像化されててなんのフォントかわかんねぇよ!」ってときに救いの手を差し伸べてくれる(かもしれない)ツールをご紹介します。

Fontface Ninja

1800830_2.png

https://fontface.ninja/

chromeの拡張機能「Fontface Ninja」。
起動すると、まずページで使われているフォントを一覧で表示してくれます。
フリーのフォントか、有料のフォントなのかもわかります。

カーソルをテキストにあわせると、そのテキストのフォント名や、大きさ、使われている色等を表示してくれます。 また、テキストをクリックすると、右上にテキストの入力エリアが表示され、自由に文章を入力してそのフォントの使用感を試すことができます。 フリーフォントの場合、ダウンロードも可能です。

1800830_3.png

Chrome ウェブストア
https://chrome.google.com/webstore/detail/fontface-ninja/eljapbgkmlngdpckoiiibecpemleclhh?hl=ja

WhatFont

1800830_4.png

http://www.chengyinliu.com/whatfont.html

同じくchromeの拡張機能「WhatFont」。
こちらもカーソルをテキストに合わせると、使われているフォント名を表示してくれます。
クリックすると、フォント名の他、大きさやウェイト等が表示されます。

1800830_5.png

Chrome ウェブストア
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=ja

Identifont

1800830_6.png

http://www.identifont.jp/
フォントの特徴を答えていくことで、フォント名を導き出してくれるサイトです。答えられない項目があっても、似たフォントを列挙してくれます。 また、フォント名から類似フォントを検索することもできます。

1800830_7.png

英語版もあります。
http://www.identifont.com/

Adobe Capture CC

1800830_8.png

https://www.adobe.com/jp/products/capture.html

Adobeが提供するスマホアプリです。調べたいフォントをカメラに移すことで、類似フォントを検索してくれます。

1800830_9.png

App Store
https://itunes.apple.com/jp/app/adobe-capture-cc/id1040200189?mt=8

Google Play
https://play.google.com/store/apps/details?id=com.adobe.creativeapps.gather&hl=ja

※対応フォントは英語のみです

Typekit

1800830_10.png

https://typekit.com/discover

タイプキットのビジュアルサーチでは、フォントの画像をアップロードすることで、類似フォントを検索してくれます。

※対応フォントは英語のみです

What Font is

1800830_11.png

https://www.whatfontis.com/

同じく画像をアップロードすることで、類似フォントを検索することができます。

※対応フォントは英語のみです

MyFonts

1800830_12.png

https://www.myfonts.com/wtf/

同じく画像をアップロードすることで、類似フォントを検索することができます。

※対応フォントは英語のみです


フォントを調べたいときにはぜひ参考にしてみてください。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ