wordmark.it でフォントを選ぶ方法
- 2013/09/22
- HowTo
フォント選びって結構大変ですよね。使用するフォントによって、そのサイトなりデザインの印象が変わってくるので、色選びもそうですが、フォント選びはふぉんと大変。…やば。。
昔、というかこのサイトを知るまでは、こんなものを作って、これを参考に選んだりしてました。
でも邪魔くさいというか、使用したい文字じゃないからいまいちピンとこない。
ってなわけで、今はフォント選びに使ってるのがこの【wordmark.it】なのですが、これ、すごく便利。使用しているPCの中に入っている、使用可能な全てのフォントで、使用したい文字を表してくれるという、優れもの。
今日はその簡単な使い方をご紹介します。
1, まずはここに入力したい文字を入れます。今回はこのサイトタイトルの【WebDesign ABC】を入力。
2, 入力したら、ドンドン “いいなぁ” と感じたものを、こんな感じにクリックして行きます。
3, 一番下まで選んだら、この “filter seledted” をクリック。
4, そうすると選んだフォントのみが表示されるので、
今度はそこからドンドン “ちょっと違うかな?” と感じたものを、そのフォントの右上にでてくる “remove” をクリックして消して行く。
このドンドン消して行く作業、結構大事です。こだわり過ぎると、そこにドンドン時間が割かれて、気がつけばフォント選びで何時間も使っちゃった。。なんてこともあるので、”ちょっと違う” と感じたら、その場で切り捨てる勇気も必要です。
なんて言いつつ、一つの事にこだわりすぎて、気がついたら “あーあぁ。もうこんな時間。。” って事、未だに多々あるJUNなのですが。。
5, で、だいたい絞れてきたら、気になるフォントの左上にある “zoom” をクリックして、
“tracking” で行間を大きくしたり、小さくしたりして、イメージ合ってるかどうかチェックします。
ここまでくれば、もうだいたいフォントは決まったころだと思うのですが、まだ悩んでるようであれば、
6, 最下部にある “save selection” をクリックして、また時間をあけてチェックして選んでください。ちなみにこの機能は sign up しないと使用できません。
どうです?すんごい便利でしょ?
知らなかった方、是非これを利用してフォント選びの時間短縮につなげてくださいね!
ただ一つ注意しないといけないのは、自分の(現在使用している)PCに入っているフォントのみしかそこで表現されないので、仕事場等で発見した”これいい!”ってフォント、せっかく選んで使っても、家に帰ったら使用できない。。って事もあるので、その辺はフォントの名前を控えて家でDLするなりなんなりして、うまいことしてくださいね!
Google AdS
関連記事
-
z-index が効かない時の対処方法
z-index が効かない時がちょくちょくあります。でも、仕事でそういう場合に遭遇すると、その場しのぎで対処法を見つけて…
-
SNS等の公式ロゴ(アイコン)素材のまとめ(Facebook, Instagram, Youtube, Twitter, Line etc.)
一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ(アイコン)』だと思うのですが、サイト…
-
URLの正規化:wwwあり、なしのドメインを統一する記述方法(エックスサーバー(XSERVER) にて)
前回のブログ で.htaccessに301リダイレクトをするための記述方法について書きましたが、ついでにwwwあり、なし…
-
はてなブックマーク(はてぶ)でブックマークしたURLを、まとめて変更する方法!
ドメインの変更をすると、301リダイレクトで対策をしたとしても(詳細はこちら)やはり今まで稼いできた被リンクも一緒に変更…
-
テキスト、画像を選択できなくする方法
facebookで『続きを読みたかったらいいねを教えてね!』みたいな記事がよくありますが、必ずそういう記事に限ってコピペ…