アイコンの実装方法 · terkel.jp

2014/06/24 76 users images terkel ウェブページ CSS img 要素

ウェブページにおけるアイコンの実装方法はさまざまです。マークアップに img 要素を配置する方法もあるし、CSS から背景画像やアイコン・フォントを使う方法もあります。そういった中からどの方法を採用すべきかを判断するには、HTML Standard の Requirements for providing text to act as an alternative for images にあるとお... 続きを読む

安全でアクセシブルなアイコン・フォント

2014/01/28 65 users Bullet font-face ブラウザー フォント

Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか？@font-faceがまだサポートされていないブラウザーでは？どうすれば安全に(bullet... 続きを読む

SVGよりアイコン・フォント！な理由 - Weblog - hail2u.net

2012/07/12 25 users SVG Weblog hail2u.net プロパティー 両者

両者は共にスケーラブルなもの(にできるもの)なのでその点では互角だけど、様々なプロパティーを持ち多彩な表現が可能なSVGの方がフォーマット的には優位にあると言って良い。が、なかなか利用が広まらないSVGに対して、アイコン・フォントの利用は急速に拡大している。単に流行りとみなす向きもあるけど、やっぱりそれなりに理由があるのではないかと思う。 CSSとの親和性 特に以下の3つのCSSプロパティーは効果... 続きを読む