1

これは私をかなり混乱させます。font-squirrel を使用して Web キットをダウンロードし、カスタム フォントを表示しています。フォントへのリンクは次のとおりです: http://www.fontsquirrel.com/fontfacedemo/League-Gothic

今すぐホームページを見ると: http://www.simonsayswebsites.com/

中央の本文には、「より多くの顧客を獲得するために設計されたカスタムビルドのウェブサイト」と書かれています. クロムでは見栄えがしますが、Firefox または IE で見ると、カスタム フォント フェイスが機能しません。

font-face を生成する CSS は次のとおりです。

@font-face {
font-family: 'LeagueGothicRegular';
src: url('http://simonsayswebsites.com/wp-content/themes/twentytenchild/League_Gothic-webfont.eot');
src: url('http://simonsayswebsites.com/wp-content/themes/twentytenchild/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://simonsayswebsites.com/wp-content/themes/twentytenchild/League_Gothic-webfont.woff') format('woff'),
     url('http://simonsayswebsites.com/wp-content/themes/twentytenchild/League_Gothic-webfont.ttf') format('truetype'),
     url('http://simonsayswebsites.com/wp-content/themes/twentytenchild/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;

}

誰にもアイデアはありますか？これについて多くのケースを調べましたが、ブラウザごとに必要なファイルをすべて含めて、それぞれの場所にアップロードしたと思っていたので、私のケースに関連するものはありません。

4

3 に答える 3

4

いろいろ調べていると、Firefox に関する興味深い情報が見つかりました。

同一オリジン ルール: デフォルトでは、Firefox は相対リンクのみを受け入れます。絶対リンクを使用したり、異なるドメインのフォントを含めたりする場合は、これらのフォントをアクセス制御ヘッダーと共に送信する必要があります。

これらのフォント URL を相対 URL に変更してみて、それが役立つかどうかを確認してください。

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/wp-content/themes/twentytenchild/League_Gothic-webfont.eot');
    src: url('/wp-content/themes/twentytenchild/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/twentytenchild/League_Gothic-webfont.woff') format('woff'),
         url('/wp-content/themes/twentytenchild/League_Gothic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/twentytenchild/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

編集: Korpela の回答を参照してください。問題は、「www」サブドメインからの不一致でした。ただし、おそらく URL を相対的に保つ必要があります。

于 2012-12-23T22:13:08.580 に答える
3

問題の理由は、ドメインをまたがるフォントの使用です。「http://simonsayswebsites.com」で始まる URL は、「http://www.simonsayswebsites.com」とは異なるドメインにあるものとして扱われますが、2 つのドメイン名が同じコンピューターを参照している場合があります。

ドメインが同じであるため、相対 URL への切り替えが役立ちました。しかし、反対の噂があるにもかかわらず、Firefox は絶対 URL を拒否しません@font-face。これを示すために簡単なデモをセットアップしました。

おそらく、この噂は次のようなケースから発生していると思われます: 相対 URL への切り替えが有効である場合、URL の種類が問題であると想定するのは自然なことです。

于 2012-12-23T22:58:39.330 に答える