0

私は気が狂います。クライアントのサーバーでテストすると、@font-face が IE または FireFox で機能しません。私のコードは合法です。自分のサーバーにアップロードすると、すべてのブラウザで問題なく動作します。しかし、私が本当にそれを機能させる必要があるところでは運がありません。CSS の並べ替えを試みたところ、フォントが実際にサーバーにアップロードされていることを確認しました。

次のリンクの情報を読みました:
http://sixrevisions.com/css/font-face-web-fonts-issues/
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

最初の記事の情報に基づいて、問題が解決する場合に備えて Google の WebFont loader を試しましたが、うまくいきませんでした。Firebug の .NET パネルも見ましたが、ギリシャ語です。この投稿に基づいて、URL パスを更新し、ドメインを削除してみました: http://www.fontsquirrel.com/forum/discussion/227/font-face-not-working-in-firefox-or-ie/p1

他に何を試すべきかわかりません。この時点で、私はあきらめて、ファンシーなフォントを使用することはできないとクライアントに伝えましたが、その理由を本当に理解したいと思っています. そこに何か助けはありますか？

FontSquirrel によって生成された、私が使用しているコードは次のとおりです。

        @font-face {
        font-family: 'Dax';
        src: url('/fonts/dax/dax-regular-webfont-webfont.eot');
        src: url('/fonts/dax/dax-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
             url('/fonts/dax/dax-regular-webfont-webfont.woff') format('woff'),
             url('/fonts/dax/dax-regular-webfont-webfont.ttf') format('truetype'),
             url('/fonts/dax/dax-regular-webfont-webfont.svg#Dax') format('svg');
        font-weight: normal;
        font-style: normal;
    }
        body{
                    font-family: 'Dax';
                    font-size: 25px;
                                }

別の考えが浮かびました-私のクライアントはサイトにリダイレクトを設定しています。それが、それらのブラウザーで機能しない理由でしょうか?

返信ありがとうございます。

4

1 に答える 1

1

Firefox では、すべてのフォントが同じドメインから提供される必要があります....そのため、クロスドメインの問題のように聞こえます。そうでない場合は、どちらの方法でもこれが必要になります（私は推測しています）.htaccessファイルにwoffファイルタイプを追加する必要があります。詳細はこちら: http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

于 2013-02-22T21:04:02.120 に答える