WEBサイトで font-face で指定したフォントが適用されない

Question

http://one-text.tk/tpl/index.html

上記サイトですが...

IEでは適用されるのにFireFoxでは適用されません。

回答よろしくお願いします。

Answer 1

@font-face {
	font-family : "default";
	src : url(font/rounded-mplus-1c-light.eot);
}

当方の環境では、このように変更したところフォントが適用されました。

Comments

[pac894398]

"" が必要だったのですね。
ありがとうございました。

Mobile　ブラウザで反映されないので
もうしばらく 回答を受付させていただきます。
すいません。

Answer 2

確認はしていませんが、1つのフォントに対して、@font-faceを複数記述してはいけないのではないでしょうか？
srcを複数記述する必要があるかも知れません。

このような記事を見かけました。
http://webcre8.jp/compare/webfont-fontface-syntax-2014.html
いろいろ形式を用意しないといけないようですが、複数の環境に対応できるようです。

Comments

[pac894398]

/* Data Road */
@font-face {
font-family : "default";
src : url(font/rounded-mplus-1c-light.eot);
}
@font-face {
font-family : "default";
src : url(font/rounded-mplus-1c-light.ttf) format("truetype");
}

⇃

/* Data Road */
@font-face {
font-family : "default";
src : url(font/rounded-mplus-1c-light.eot);
src : url(font/rounded-mplus-1c-light.ttf) format("truetype");
}

ということでしょうか？

[pac894398]

/* Data Road */
@font-face {
font-family : "default";
src : url(font/rounded-mplus-1c-light.eot);
src : url(font/rounded-mplus-1c-light.ttf) format("truetype");
}

と変更すると IEで表示されなくなります。

[TaMaMhyu]

回答に参考記事を追記しました。