Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
PC内のフォントを一覧表示できる「wordmark.it」が便利! | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 フォント 制作お役立ち

PC内のフォントを一覧表示できる「wordmark.it」が便利!

投稿日:2018-12-19 更新日:

色々なフォントをインストールしてあるのはいいけれど、選ぶ時がけっこう大変…という方も多いのでは?
そこで今回は、フォント選びを楽にしてくれるwebサービス「wordmark.it」をご紹介します。

 

「wordmark.it」とは

「wordmark.it」とは、自分のPC内にインストールされているフォントをブラウザ上で一覧表示してくれる無料のWEBサービスです。

使い方は簡単で、中央のテキストボックスに確認したい文字を入力するだけ!

 

すると、自分のPC内にインストールされているフォントに当てはめた形がブラウザ上で一気に表示されます。

ただ一覧が表示されるだけではなく、以下のような便利な機能も備わっているので、いろいろ試しながら最適なフォントを選ぶことができますよ。

  • 【aa/Aa/AA】…英語で入力時のみ、小文字・大文字・頭だけ大文字の切り替えが可能
  • 【月マーク】…背景と文字の色を反転
  • 【−/+】… 文字サイズを小さくor大きく変更

また、「Show Google fonts」を選択するとグーグルフォントの一覧から確認することもできます。

 

まとめ

「wordmark.it」を知るまではいつも1つ1つフォントを確認していたのですが、今思うと結構な時間の無駄だったなあ…と思います。
フォント選びに時間がかかってしまうという方は、ぜひ「wordmark.it」を利用して時間短縮につなげてくださいね!

-Webデザイン, Web制作, フォント, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

コーディング時に使えるコピペサイト「copypet」

今回はコーディングで困った時や、時間を短縮したい時に使えるコピペサイト「copypet」をご紹介します。 パーツや装飾などの指定できるスタイルって、本当にたくさんあって全て覚えるのは難しいと思いますが …

ロゴ制作の際に参考になる記事【ヒアリング〜制作の流れ編】

今回はロゴ制作において参考になる記事を2つご紹介したいと思います。 私自身、まだロゴの制作はしたことがないのですが、今後担当した時のため、どのような流れでロゴ制作が行われるのか、クライアントに満足して …

【Illustrator】アートボードを移動させる方法

私は1つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …

【Illustrator】アートボードを一発でオブジェクトぴったりのサイズに変更する方法

こんにちは、ぶちこです。 昨日に引き続き、Illustratorのアートボードの便利なテクニックについてご紹介をしたいと思います。 今回はブログのタイトルにある通り、「アートボードをオブジェクトぴった …

Webデザイナー、ブチコの自己紹介。

    はじめまして、ブチコです。 初めての記事、何を書いたらいいのやらと思っていましたが、まずは簡単な自己紹介とこのブログについて書いていこうとおもいます。   これま …