4

しばらく問題なく font-face を使用しているプロジェクトがあります。今日、私が確認したところ、このスレッドの場合のように、フォント フェイスが firefox v14 で動作せず、 v15が v12+ でも動作しない可能性があります。with-firefox-v-12/p1 私の問題は前のスレッドとまったく同じです。

要約する。私はフォントフェイスを使用して、次のようなWebフォントをロードしています:

@font-face {
    font-family: 'TradeGothicLTStdCnBold';
    src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot');
    src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold') format('svg');
    font-weight: normal;
    font-style: normal;

その後

#bea .bea {
    font-family: 'TradeGothicLTStdCnBold';
    font-size: 14px;
}

firebugによると、フォントは正しく読み込まれています。Safari、Chrome、IE、一部の firefoxで動作します。私は 6 つの firefox (v13-15) を試しましたが、一部では機能し、他のものでは機能しませんでした。理由を特定することはできませんでした。

また、Firefox の構成値 gfx.font_rendering.cleartype.always_use_for_content; も探しました。そして、私がテストしたすべての Firefox で、正常に動作するものであっても false に設定されていることに気付きました。

実際の例: http://comoquierascolacao.com/jovenestalentos/

どのように見えるか: http://postimage.org/image/n2r9fxdsv/どのように見えるべきか

要約すると: - ルートは機能します。- ルートは同じドメイン内にあり、クロスドメインの問題はありません。- 一部の Firefox では動作しますが、他の Firefox では動作しません (私が理解できる理由はありません)。- 以前、おそらく v12 より前に、自分の Firefox で動作していました。

これは私を夢中にさせているので、どんな助けも大歓迎です。

4

4 に答える 4

3

まあ、私のせいです。結局、それはクロスドメインの問題でした。www.domain...Reddirect に全員を www.domainにアクセスする場合でもフォントが読み込まれるhttp://domain... ので、この問題は解決するはずであり、今後は良い習慣になると思います。別の解決策は、相対ルートでフォントをロードすることです。

于 2012-09-13T07:57:34.257 に答える
3

FFがフォントフェイスを適切に表示しないという同じ問題がありました。この問題を抱えている可能性のある人のための回避策は次のとおりです。

ブロックの最後で「eot」フォントを宣言してみてください。お気に入り：

@font-face {
font-family: 'TradeGothicLTStdCnBold';
src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
     url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
     url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold') format('svg');
src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot');
src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
于 2012-12-15T11:10:55.993 に答える
1

JavaScript コンソール (Herramientas-> Desarrollador web-> Consola de errores) にいくつかのエラーが表示されます。

Fecha y hora: 13/09/2012 9:41:37
Advertencia: downloadable font: no supported format found (font-family: "TradeGothicLTStdCnBold" style:normal weight:normal stretch:normal src index:4)
source: (end of source list)
Archivo de origen: http://www.comoquierascolacao.com/jovenestalentos//style/style.css?v=1
Línea: 0
Código fuente:
@font-face {   font-family: "TradeGothicLTStdCnBold";   font-style: normal;   font-weight: normal;   src: url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix") format("embedded-opentype"), url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff") format("woff"), url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf") format("truetype"), url("/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold") format("svg"); }
于 2012-09-13T07:42:55.580 に答える
1

私の解決策: www. すべて正常に動作しますが、www. FF問題発生。そのため、www へのリダイレクトを使用します。.httaccess:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]

そしてそれは動作します！ありがとうハノック

于 2013-08-15T12:49:47.463 に答える