wordmark.it でフォントを選ぶ方法
- 2013/09/27
- 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するなりなんなりして、うまいことしてくださいね！
- ◀PREV
前の記事
- onMouseOver、onMouseOutで、簡単にテキストを切り替える！
- NEXT▶
次の記事
- WordPressで “SyntaxHighlighter” を使って、ソースコードをキレイに書く方法
関連記事
-
-
WP Social Bookmarking Lightを好きな場所に設置、移動する方法
WP Social Bookmarking Lightを好きな場所に設置、移動する方法です。 以前、自分で管理している…
-
-
WordPressのメニューを、footer等用に作成して追加する方法
WorPressのデフォルトでは、gnavi（グローバルナビ）にメニューを追加し、表示させることはできますが、foote…
-
-
WordPressのプラグインなしで、Jetpackと共存してFacebookやTwitter CardのOGPの設定をする！
先日、ようやく気になっていたOGPの設定を、WP-OGPのプラグインを変更して使えるようにしたのですが（詳細は こちら …
-
-
サーバー移転の手順 その3：移転後のトラブル
前回、前々回と書きましたが、サーバーの移転、少々、いや、かなりやいこしいです。できたあとは疲れ果てて『もーできたしえーわ…
-
-
RSSフィードを設置してすぐにエラーが…
恥ずかしながら、RSSフィードを管理している全てのサイトに設置していませんでした。やろうやろう。とは思ってたのですが、ど…
-
-
お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法
先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…
-
-
301リダイレクトでサイトのリニューアル（ドメインを変更）する！：.htaccessの記述、設定方法、順序etc.
最近サーバーの見直し、ドメイン管理会社の見直し、サイト内の見直し等々しているのですが、以前から使用していたサーバー（エク…
-
-
Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
Firefoxでなぜか消えてしまうTableのborder、いつもじゃなく、たまになのでこれがやっかい。。原因がわからな…
-
-
日付を自動更新で表示させる！ 簡単コピペ！！
先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか？』という依頼がありました。 とって…
-
-
お名前.com から脱出する！：ドメインの移管方法
『お名前.com』でドメイン取得してからは、『Whois情報公開代行』の件（詳細はこちら）で大変な思いをしたのですが、そ…
