IEでwebフォントが読み込まれない・適用されない

Question

safari,chromeでは適用されているフォントがIEでは適用されていません。
ソースをIEで開いたところフォントファイルが読み込まれていない様子です。
適用しているのは.otf,.ttf,.eotです。

@font-face{
  font-family: "001Shirokuma-Regular";
  src: url("./001Shirokuma-Regular.eot"),
       url("./001Shirokuma-Regular.otf"),
       url("./001Shirokuma-Regular.ttf"),
  -ms-font-feature-settings: "normal";
}

h1{
  font-family:"001Shirokuma-Regular";
}

IEでコンソール表示させるとotfの読み込みができないとでてきます。
eot形式のフォントファイルも認識していないような様子です。

適用したいフォント、ブラウザ

• ブラウザ：IE11
• しろくまフォント　ver.2→001Shirokuma-Regular.eot

※フォントについてはttfをeotにコンバートしたものを使用

wordpressで確認していますが、テーマフォルダ内部にフォントファイルは入れています。パスは合っています。
宜しくお願い致します。

Comments

[m.ts10806]

適用したいフォント、IEのバージョンを質問に追記してください。

[yoshinavi]

ieは11ですか？woffではダメですか？　前回と同じようにキャッシュクリア等確認されていますか？

[nonnon8.]

woffもアップロードしており、@font-faceで登録していますが、変化ないようです。キャッシュクリアもしています。

Answer 1

@font-face{
  font-family: "001Shirokuma-Regular";
  src: url("./001Shirokuma-Regular.eot"),
       url("./001Shirokuma-Regular.otf"),
       url("./001Shirokuma-Regular.ttf"),/* ← 「;」では？ */
  -ms-font-feature-settings: "normal";
}

Comments

[nonnon8.]

回答ありがとうございます。
修正してみましたが、変化がないようです。

Answer 2

eotに変換せず、woffに変換すれば、ieのみならず最近のブラウザは大丈夫です。

@font-face{
  font-family: "001Shirokuma-Regular";
  src: url("./001Shirokuma-Regular.woff") format('woff');
}

Comments

[nonnon8.]

もう一度トライしてみます。。。

Answer 3

フォントファイルをwoffにコンバートしたものを使用

@font-face{
  font-family: "001Shirokuma-Regular";
  src: url("./001Shirokuma-Regular.woff") format('woff');

}

キャッシュクリアから更新してサイトを表示するのにあまり時間はかかりませんが、
CSSでの変更が反映されるまでものによっては時間がかかっているようです。
今回のフォント適用に関しては上記変更を試して、その日のうちには変化ありませんでしたが、
次の日に確認するとフォント設定が適用されていました。

Comments

[yoshinavi]

＞CSSでの変更が反映されるまでものによっては時間がかかっているようです。

「リロード」にも大まかに分けて2つあります。「通常：リロード」と「強制：スーパーリロードorフルリロード」

通常のリロードはキャッシュを利用するので、ページ更新等の確認は「スーパーリロード（フルリロード
）」後にページ確認をする事をおススメします。

方法は検索するとたくさん出てきますので、理解しやすいサイトで実践して見てください。

[nonnon8.]

ありがとうございます＾＾
やってみます。