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

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

関連記事

商用利用無料の動画素材サイト「Pexels Videos」

よく背景いっぱいに動画を配置したサイトがありますが、肝心の動画素材を探すのってけっこう大変だと思います。 そこで今回は、そんな時に使える商用利用無料の動画素材サイトをご紹介します。   商用 …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

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

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

私が面接で質問していたこと

面接では、採用担当の方から逆に「何か質問はありますか?」と聞かれることがあると思います。   入社してからこんなハズじゃなかった…と後悔しないためにも、 気になることは積極的に質問したほう …

参考になるクオリティの高い政治家サイト4選

こんにちは、ぶちこです。 制作会社に入社して約半年、毎回さまざまな業種のデザインに携わらせてもらっていますが、今回初めて政治家の方のサイトを手がけることになりました! とは言えなかなかイメージがつかず …