Chrome やその他のブラウザでは .otf や .ttf であれば、フォントファイルと CSS の記述で表示されますが、IE だけは専用のフォントファイルが必要です。 .eot という形式のフォントファイルを別に用意しておく必要があります。 今回は、WOFFコンバータという通常のフォントファイルを eot に変換してくれるフリーソフトを使用しています。 woff / eot ファイルに変換してくれるソフト WOFFコンバータ eot ファイルに変換したら、otf フォントなどと一緒にサーバーにアップします。 サーバーにアップしたら、CSS で下記のように記述します。 style.css @font-face { font-family: "sample-font"; src: url("./../fonts/sample-font.eot"); src: url("./../fonts
![IEでWebフォントを表示させる | demodemo - Webデザイン/アプリ開発/フロトエンド開発のスキルデモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e97792ab8f88aa9673c90b4d20e8397c48e70241/height=288;version=1;width=512/http%3A%2F%2Fneromiu.net%2Fdemodemo%2Fwp-content%2Fuploads%2F2016%2F05%2Fthumb4.jpg)