安全でアクセシブルなアイコン・フォント
Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか？@font-faceがまだサポートされていないブラウザーでは？ どうすれば安全に(bulletproofに)アイコン・フォントを利用できるかをこれから解説したいと思います。 効率的で機能的なウェブサイトを制作するという、この終わることのない探求において、ベクター形式のアイコンを提供する手段として、簡便であるフォントを利用することが何度も提案されてきました。対して私達は通常ベクター形式のアイコンとしてSVGをIan Featherがブログ書いたような理由から選んで(また、薦めて)おり、既に
手動カーニング
ウェブでもちゃんとカーニングしたい的な話を最近よく見るようになった。フォントのカーニング情報がない！ とか、あってもブラウザーで使えない！ とか、出来るようになったかと思ったら出来なくて辛い……みたいなことを受けての魂の叫びか。それを古き良き感じにマークアップを追加して手動でやるのが結局は良さそうというA Manual Kerning Method for the Webを読んだ。 どうせやるならこの方が良いとは思うけど、後のことを考えるとマークアップ追加するのはなぁ……という感じでもある。和文ではやった方がより良いけど、作業量が膨大になりすぎるのもある。参照記事で挙げられてるkerning-pairsプロパティーみたいなのも、この値何行書けば良いの。 optimizeLegibilityには既知の問題があったりもするので、そもそもこれに頼るのはまだ危険。特に日本語のウェブページだとこの問
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
