Webfont 사용하기 | FRENDS.KR
http://frends.kr/topics/webfont-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/
@font-faceでのWebフォントについて。
それぞれのブラウザごとのFont Type対応表
Daum_Regular.ttfを例にしてのFont Typeごとのフォントサイズ比較
レンダリングの違いではWindowsの場合ブラウザによってまちまちな描画になっている。
→Wiindowsで綺麗にフォント表示するには画像かフラッシュを使うしかない…
@font-faceの代替え手段
Webフォント表示方法の比較(ライブラリやPHPやFlashを使ったもの)
-Comparison of web fonts solutions | SocialCompare - Comparisons community
で、この中で一番よかったのはCufónというJavaScriptライブラリ。(フォントサイズは大きくなるのが欠点)
サイズは大きくなるけど、フォントサブセット(使うものだけ埋め込む)、gzip圧縮する(mod_gzip使用)と、220kbぐらいになり、描画にブラウザ間の際はほとんどなくなった。
結論
1.WindowsではCufónを使い、Mac / Linuxでは@font-faceを使う
2.プラットフォームで分けるのが面倒ならCufónを使う
3. 1,2がいやならFlashを使う
@font-faceの利用にする場合に読んでおくべきURL
- Fighting the @font-face FOUT « Paul Irish
- Bulletproof @font-face syntax « Paul Irish
- @font-face gotchas « Paul Irish
といった感じの内容だと思います。
@font-faceのサポート状態については以下も参考になると思います。
