アイコンフォントのアクセシビリティと適切な利用方法
アイコンフォントは多くのウェブサイトでも使用されていますが、そのまま使用するだけではアクセシビリティを損なう可能性もあります。アクセシビリティを確保しながらアイコンフォントを利用する方法について解説します。 モバイル端末をはじめとして高解像度ディスプレイを搭載した端末が普及したことにより、ウェブサイトでも高解像度でも劣化しないで表現が可能なベクター形式のデータが用いられることが増えてきました。 ベクターデータの中で最も用いられているのはフォントデータではないでしょうか。フォントデータは複雑な色の表現が難しいとはいえ、スタイルシートのみで大きさや色をコントロールしやすいということもあり、アイコンなどの形状をフォントとして登録したアイコンフォントも多く使われています。 独自のフォントデータを配信するウェブフォントも、古くからブラウザにて実装されていたことや Font Awesome など、使用
ブラウザの小数点以下のピクセル(サブピクセル)レンダリングまとめ / masuP.net
意図せずに出てしまった小数点以下のピクセル(以下サブピクセル)で表示ミスしてしまったので、2014/06/05時点での私が用意できる最新ブラウザ※におけるレンダリングされ方についてまとめてみました。 ※Chrome(35.0.1916.114), Firefox(29.0.1), Opera(22.0.1471.50),Safari(7.0.4(9537.76.4)),IE(11.0.9600.17031), mobile safari(7.0),Android Chrome(34.0.1847.114), Androidブラウザ(4.2.2-FJLjpkdi.20131219.1833),Chrome,Firefox,OperaはOSX上のもの、IEは仮想環境(modernIE)上のものです。 ※2014-06-06 15:20 FirefoxにおけるRetinaディスプレイ時のレンダリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
