そのため、Firefox 以外のすべてで機能する @font-face セットアップがあります。これは、Google によるとよくあることです。
これが風変わりなビットです。font-weight を (firebug で) 太字に設定すると機能し、通常に戻すと元に戻ります。
firebug で font-face を編集すると、最初の状態に戻しても、すぐに機能します。
例えば:
@font-face {
font-family: PlayBold;
src: url(Play-Bold-webfont.eot);
src: url(Play-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(Play-Bold-webfont.woff) format('woff'),
url(Play-Bold-webfont.ttf) format('truetype'),
url(Play-Bold-webfont.svg#PlayBold) format('svg');
font-weight: normal;
font-style: normal;
font-variant: normal;
}
#testtext {
font-family: PlayBold;
}
結果: フォントを使用していません。
firebug に入り、font-face の何かを変更すると (文字を以前と同じ文字に置き換えるだけでも)、再び機能し始めます。
そもそもFirefoxがフォントフェイスを正しくロードしないのはなぜですか?
クロム 28、Firefox 22。