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

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

関連記事

【Illustrator】ドキュメントのタブが消えた時の対処法

突然ですが、みなさんはイラストレータを使用中にドキュメントのタブがいつの間にか消えてしまったことはありませんか? 通常だと開いたドキュメントはコントロールパネルの下にタブで表示されますよね。 ですが、 …

OGP画像シュミレータ「og:image Simulator」のご紹介

Webページをシェアした時にFacebook上で表示されるOGP画像ですが、きちんと設定をしないと画像が見切れてしまったり、正方形になってしまったりしますよね。。 そんな悩みを解決する便利なサービスを …

Google Chromeでスマホ表示の確認をする方法

スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。 そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。 …

Webデザイン学習法その3. 職業訓練校で勉強する

私は初め、Webデザインを学ぶのに職業訓練校に通おうかな、と考えていました。 結局、スクールに通うことに決めたのですが、 職業訓練について調べる中でメリット・デメリットがあることがよく分かりました。 …

Webデザイン学習法その1. 独学で勉強する

Webデザインを学習するのに、まずは独学でやってみようと思う人はたくさんいると思います。 そこで今回は、Webデザインを独学で学ぶことのメリットとデメリットについて私なりにまとめてみました。 &nbs …