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)](https://cdn-ak-scissors.b.st-hatena.com/image/square/4469126fa959a176c8c4596c52287201312b91e0/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F10%2F08%2F1572086%2Fl%2Fd1f85ab274decdfa.jpg)