アラサー主婦の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

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

関連記事

新米デザイナーが入社2ヶ月目で学んだこと

制作会社に入社して2ヶ月が経ち、徐々に仕事に慣れつつも、まだまだ奮闘中のぶちこです。 今日は2ヶ月目に学んだことを忘れないように、ここに書き留めていこうと思います。 自分の学習メモといった感じになりま …

【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法

IllustratorはPhotoshopで作成したPSDファイルの配置が可能ですが、背景が透明のPSD画像を配置した時に、絵柄と透明部分の間にわずかな黒いライン(境界線らしきもの)が出てきてしまうこ …

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

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

【Illustrator】矢印キーでの移動の距離がおかしくなった時の対処法

Illustratorを使用中、突然移動の距離がおかしくなってしまったことはありませんか? 移動の距離が大きくなってしまって、ピクセルできっちり移動ができなくなった…という感じです。 私はこの現象を時 …

ロゴ制作の際に参考にるサイト【アイディア編】

前回の記事では、ロゴ制作の「ヒアリング内容〜制作の流れ」について、参考になる記事を2つご紹介しました。 そこで今回は、実際にどのようなロゴにするかアイディアを出していく時に参考になるサイトを3つご紹介 …