タグ

2009年10月12日のブックマーク (1件)

  • IEにも対応!10分でできるWebフォント実装法 (3/3)

    STEP.5:クロスブラウザーに対応させる ここまでくればほぼ完成だ。最後に仕上げとして、Firefox/Opera/Safari用のCSSの記述と、IE用のCSSの記述をまとめよう。 /* IE */ @font-face { font-family: Makiba; src: url(MakibaFont13.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: Makiba; src: url(MakibaFont13.ttf) format("truetype"); } 上記のCSSを適用した簡単なHTMLを作成し、各ブラウザー(Firefox/Safari/Opera/IE)で実際に表示したのが以下の画面だ。IE6のみ、アンチエイリアスが効いていないため若干の違いはあるものの、いずれのブラウザーでも「まきば」

    IEにも対応!10分でできるWebフォント実装法 (3/3)
    windyakin
    windyakin 2009/10/12
    確かにSEO面では有効かもしれないけれども日本語フォントだと読み込みに時間がかかるのが難点