フォントデータはTrue TypeやOpen Type形式が一般的ですが、IEでは読み込めません。 IE8以下ではEmbedded Open Type(以下、EOT)という独自規格しか対応していませんので、EOT形式のファイルを別途用意し、同じフォントでも複数の形式を設定する必要があります。 IE8以下にも対応するには、@font-faceを以下のように定義します。 @font-face { font-family: 'sample';/* 任意のフォント名 */ src: url('../font/sample.eot?') format('eot'),/* for IE6-8* / url('../font/sample.woff') format('woff'), url('../font/sample.ttf') format('truetype'), } font-familyに
![Webフォントを使ってみる | Tips Note by TAM](https://cdn-ak-scissors.b.st-hatena.com/image/square/d16ec3988bf36edcdf3f340d790f1c2bb172ab1b/height=288;version=1;width=512/https%3A%2F%2Fwww.tam-tam.co.jp%2Ftipsnote%2Fwpdata%2Fwp-content%2Fthemes%2Ftipsnote%2Fimages%2Fcommon%2Fogp.png)