2

CSS3を使用したWebサイトを持っています

    @font-face {
    font-family: 'LigatureSymbols';
    src: url('LigatureSymbols-2.07.eot');
    src: url('LigatureSymbols-2.07.eot?#iefix') format('embedded-opentype'),
    url('LigatureSymbols-2.07.svg#LigatureSymbols') format('svg'),
         url('LigatureSymbols-2.07.woff') format('woff'),
         url('LigatureSymbols-2.07.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
        font-family: 'LigatureSymbols';
        src: url('LigatureSymbols-2.07.svg#LigatureSymbols') format('svg');
        font-weight: normal;
        font-style: normal;
}

リンクを押して別のページに移動しても、コードで指定されているフォントが最初にサイトにアクセスしたときに表示されない場合 (Google Chrome のみ)、フォントが正しく更新されません。F5 キーを押してサイトを更新した場合にのみ、正しいフォントが表示されます。この問題に影響を与える可能性のある多くのさまざまな修正を試しましたが、運がありませんでした（そのため、@font-faceが2つあります...）

私は選択肢が不足しており、この件について私を助けてくれる人がいることを望んでいます.

4

1 に答える 1

0

解決策:

CSSファイルに問題がまったくないことがわかりました。

私の index.php ファイルで、私のウェブページで使用しているフォントは、次のように googleapis.com サイトからのものであることがわかりました。

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />

そして、この「CSS」ファイルでは、フォント URL はカプセル化されていません: ' ' <-- これら。これは、Google Chrome の Web ブラウザにとって大きな問題のようです。

googleapis.com で生成された CSS ファイルのコンテンツを取得し、独自の CSS ファイルに入れ、URL をカプセル化しました。今では正常に動作します！

于 2013-05-07T23:53:23.077 に答える