フォント一覧を表示してくれる無料Webツール「wordmark.it」
IllustratorCCなどでは、実際に入力した文字のフォントを変更する時どのように見えるか確認しながら作業ができますが、複数のフォントの種類を比較しながらというのはひと手間かけないとできません。
文字をコピーして並べて1つ1つ種類を変更して見比べる必要があります。
フォントを選択する際、一覧でフォントの種類を比較できて、しかも入力した文字で…というコトをブラウザ上でできるのが無料Webツールの「wordmark.it」です。
ブラウザ上でPC内にあるフォントを読み込んで一覧表示でプレビューしてくれます。
「wordmark.it」とは
フォント一覧表示のアプリも色々とありますが、「wordmark.it」はブラウザ上で確認できるのでインストールする必要がなく、複数のPCを使っている人にはとても便利です。
使い方は簡単!
サイトにアクセス
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.02.49-768x633-1-300x247.png)
※Adobe Flash Playerが入っていないと一覧が表示されないので、左下に「プラグインが見つかりません」と表示されていたらクリックしてインストールをしましょう。
確認したい文字を入力してプレビュー
画面に表示された「enter a word or a phrase」に確認したい文字を入力。
もちろん日本語にも対応しています。
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.03.17-768x632-1-300x247.png)
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-15-22.37.54-768x428-1-300x167.png)
入力が終わったら「return」(Windowでは「enter」)をクリック。
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.03.33-768x634-1-300x248.png)
PC内にあるフォントを読み込んで一覧表示でプレビューされます。
セレクトしたフォントだけの一覧表示
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.04.07-768x633-1-300x247.png)
すべてのフォントの中から比較したいフォントのみをクリックして複数選択し、右上に表示される「Filter selected」をクリックすると、選択したフォントのみの一覧が表示されます。
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.04.20-768x634-1-300x248.png)
複数選択したフォント一覧は左上の「+」と「ー」で拡大縮小、「print」で一覧印刷ができます。
※その他の「ダークモード」「タグ」「保存」機能は有料になっています。
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.04.51-300x108.png)
1つのフォントをクリックするとブラウザ画面いっぱいに表示されます。
![](https://crossmedia-lab.com/wp-content/uploads/2020/04/スクリーンショット-2019-04-13-13.05.09-768x634-1-300x248.png)
気になるフォントだけに絞り込んで比較することが簡単にできるので、色々な場面でフォントを決める時に役立ちそうです!!