次世代Webページ高速化テクニック「シンボルフォント」 | 開発・SE | マイナビニュース(情報元のブックマーク数)

φ(..)メモメモ

現在ではCSSpriteによって画像を単一のデータにすることでデータ配信を高速化する方法が普及しているが、この方法ではMacBook ProiPhoneiPadのような高解像度ディスプレイで見た場合に汚くなる問題を解決することができない。シンボルフォントはベクタデータであるため、高解像度ディスプレイでも綺麗に表示される。画面をズームしても表示は綺麗なままだ。 ベクタデータということであればSVG+JavaScriptレンダリングすればよいが、シンボルフォントはフォントレンダリングの枠組みを使っているのでIE6でも問題なく利用でき、SVGを使ったケースよりも対応するブラウザが多い。さらに、フォントのレンダリングに失敗したとしても、意味のある文字列が表示されるので意味的な不一致が発生することもなく、検索エンジンに対しても意味のあるデータを保持できるという利点がある。

次世代Webページ高速化テクニック「シンボルフォント」 | マイナビニュース

screenshot