[B! Webフォント] tuki0918のブックマーク

2013年こそWebフォント！Retina対応も楽々のアイコンWebフォント2012年版

❍ IcoMoon / Typicons / Entypo - 250+ carefully ...他...全10件

tuki0918 2012/12/14

使わないけどブコメしちゃう

Webフォント

リンク

TypeTalks第10回「もっと知りたい！Webフォント」

2012年5月12日に青山ブックセンター本店で開催された欧文書体セミナーTypeTalks第10回「もっと知りたい！Webフォント」のスライドです。・・・【追記1】スライド10の「Arialは何と呼ぶ？」は、日本においてArialは色々な呼び方が流通しているという蛇足話で、正しい読み方を追求する意図はありません。統計データは当ブログのFacebookページで皆さんに行ったアンケート結果です。スライドのペラ1画像がひとり歩きしてしまっているため、この場で補足いたします。【追記2】スライド62の「OpenTypeフォント機能に対応するブラウザ」は、現在Chromeも対応しています。・・・ 1. Webフォントとは？ 1-1. Webで使えるフォント 1-2. Webフォントサービス 1-3. 利用者にとってのメリット 1-4. 制作者にとってのメリット 2. Webフォントの今 2-1

tuki0918 2012/08/15

Webフォント

リンク

Fontello - icon fonts generator

Tool to build custom fonts with icons.

tuki0918 2012/07/27

リンク

意外と知らない？アイコンはWebフォントでつくるとこんなに便利！

Webフォントでアイコンをつくろう！ゆとりジェネレーションのほんだです。最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。（以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。詳しくは、つづきからどうぞ！色をつけるフォントなのでCSS「color:」で指定するだけで色をつけられます。もちろんマウスオーバー時に色を変更するのも、C