css - @font-face は Firefox 3.5 で動作しませんか?

Question

CSS ファイルで OpenType フォントを参照していますが、Firefox 3.5 では動作しないようです。Safariで完全に機能します。フォントは相対的に参照されており、同じサーバー上でホストされていますが、別のサブディレクトリにあります。

@font-face { font-family:'Font Name'; src:url(../fonts/Font-Name.otf) format('opentype') }

FF3.5 で @font-face に問題があった人はいますか?

score 5 · Accepted Answer

おー！！！フォントの URL は二重引用符で囲む必要があります --> ""

単一引用符 ('') は Firefox では機能しません。ただし、Chromeでは機能します。

score 2 · Accepted Answer

format() パラメータが表示されません。

score 2 · Accepted Answer

これらの変更のどれが問題を修正したかは完全にはわかりませんが、問題が修正されたときの行は次のようになります。

@font-face { font-family:"FontName"; src:url("../fonts/Font-Name.otf") format("opentype"); }

score 1 · Accepted Answer

FontSquirrelsサービスを使用します。それはあなたの防弾コードを与え、あなたに一貫した結果を与えます。試す

score 1 · Accepted Answer

私も同じ問題を抱えていました。引用符は修正されていません-一重引用符または二重引用符はFFでは機能しません。Chromeでも引用符は機能しませんでした-別のファイルを使用したIEb/cをわざわざ試してみませんでした。

score 1 · Accepted Answer

1

問題は、値の一重引用符にあると思います。二重引用符を使用します。

于 2009-12-22T16:33:56.267 に答える

score 1 · Accepted Answer

ファイル egfile:/// からサイトをローカルにロードしていたため、FireFox 5 でも同様の問題が発生しました。http://localhost:8080などのローカルマシンで実行されているWebサーバーにサイトを配置するとすぐに、機能しました。

ファイルからロードするときにChromeが正常に機能し、上記の受け入れられた回答に従って相対パスを指定していたことに注意してください。

7 に答える 7