Google Web Fontsのフォント登録数も随分増えてきてチェックするのが大変になってきました。一応絞り込みとかそういう機能もありますけど、Typekitのようにかゆいところに手が届く感じではありません。そこで……というわけではないですけど、なんかの参考にでもなればと僕のお気に入りを5つだけ簡単な説明付きで紹介してみます。 Demo: Five Favorite Google Web Fonts Amaranth Amaranthはゆるやかにカーブのかかったグリフが特徴です。比較的小さなサイズからその特徴がはっきりと出るので、ロゴ以外にもナビゲーションなどでも使えると思います。斜体ではそのゆるやかなカーブがセクシーに強調され、また違った味わいがあります。 Arvo Google Web Fontsにはあまりスラブ・セリフがないですが、Arvoは唯一まともに使えそうなそれです。評価の高

メモとして書いたGoogle Chrome 10以降の注意点でのフォントのフォールバックの問題は解消されていない上、stableも10になってしまったのでこのメモの方法はもう通用しない(Google Packだとまだ9系統かも)。が、昔のフォント設定ダイアログを呼び出す方法があるので、それを使ってフォント設定をしてやれば回避できる。 やり方は任意のウェブページの入力エリアのコンテキスト・メニューからスペルチェックのオプション→言語設定と辿るだけ。 すると以前のフォント設定ダイアログが出てくるので、そこで改めてフォントを設定してやればちゃんとそのフォントがフォールバックされるようになる。 フォントのフォールバックとは、CSS等で指定されたフォントに含まれてない文字を表示する時に使うフォントを決定する仕組み……のことを指す(正確になんというものかはよく知らない)。この仕組みによって、 font

Google Web Fontsの全書体を一気にプレビューするツールを作った。公式のFont Previewerを使ってるとサンプル文字列が突如リセットされたりとかアレだったので……。 使い方は左の入力ボックスにプレビューに使う文字列を、右のテキストボックスにフォントサイズをpx単位の数字で入力してボタンをクリック。クリック！　手抜きなのでEnter押してもダメ！　すると下にズラッとプレビューされる。太字にしたりスモールキャプスにしたりとかの細かいスタイル指定はFirebugやDeveloper Toolsとかでやれば良いと思う。.previewというクラスのスタイルをいじれば反映される。contenteditable使ったスタイル編集機能とかなら付けてもいいかもしれない。 ソースを見ればわかる通りYQLで公式のFont Previewerをスクレイピングしてフォント名一覧を入手し、あとは

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。