2014最近ずっと作ってきたものがようやくリリース間近になりました。言うことで、その中で勉強したことを何回かに分けてブログに書いていこうと思います。第1回目は「Webフォント」とその応用である「アイコンフォント」について。「Webフォント」について前時代的な発想で言うと、フォントというのはパソコンの中に入っているものであり、Webサイトで使うフォントというのはどんな環境にも存在するフォントを選ぶのが常識でしたが、「Webフォント」という概念が出来て変わりました。「Webフォント」というのはフォント自体はWebサーバ上にあって、それを読み出して表示するという仕組みです。「タイムラグがあって、そんなの使い物にならないんじゃないの?」実際に使ってみるまではそう思っていたのですが、実際に使ってみると0.2秒以下の速度で読み出し表示には殆ど影響を与えていませんでした。ユーザーの環境を考えずにフォントを選ぶことが出来るので、本当に便利です。Webフォントを使うにはこのあたりのサイトがわかりやすいので参考にしてみてください。株式会社LIG基本的にCSSだけで対応出来ます。Webフォントはどこで見つかるかいろんなサイトがあるんですけど、とりあえずGoogleでいいんじゃないですかね。FontsCSSファイルに記述するコードも買い出してくれるので、便利です。「アイコンフォント」について「Webフォント」の応用編。好きなフォントに変えてくれるのであれば、イラストやデザインもフォントに適用出来るんじゃね?というのが「アイコンフォント」の発想。色やサイズを自由に変えることが出来るという点で柔軟にデザイン出来るのがメリットです。個人的にオススメのアイコンフォントはこれ。ZURBこんな感じになります。demoアイコンフォントはほかにも色んなものがあるので、色々探してみてください。このあたりにとてもよくまとまっています。Set」と言うアイコンフォントを使いたかったんですけど、ちょうどKickstarterで資金を集めているところで、有料になってしまったんですよね。リリースノートを見る限り、有料になるだけのクオリティがあるようなので、正式にリリースされたら使っても良いかなとは思いますが、そのあたりは都合に合わせてご検討を。web鰻を食べに行きました「内閣支持率」のグラフを更新しました。Entries大雪でした。