0

カスタムフォントの埋め込みでこれが起こるのを見たのはこれが初めてです。参考までに、カスタム フォントを問題なく使用している多数のクライアント サイトがあります。

この特定のクライアントには、独自に作成されたカスタム フォント ファイルがあります。問題のアプリケーションは、残念ながら、メイン サイトの iframe に存在します (ドメイン/サブドメインは、メイン ページ、iframe、およびフォント ファイルの間で一致します)。

ページが初めて読み込まれると、フォントが美しく表示されます。ページを更新するとすぐに、フォントが破棄されます。フォールバック ( ) フォントに戻り"Sans-Serif"、文字間隔がすべて調整されます。

3 つの個別のフォント ファイルが使用されていますが、すべて同じ動作を示しています。これはキャッシングの問題だと思います。最初はフォントが正しく表示されていれば、ファイルに問題がなく、参照パスが正しく、ドメインのセキュリティに問題がないことがわかります。

埋め込みには font-squirrel で生成された css を使用しています。IE9にも同じ問題があると言われていますが、これまでIE8でしかテストしていません。他のブラウザでは、フォントに問題はないようです。

残念ながら、これがどのサイト向けのものかを共有することはできません.

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

(SVG の二重宣言は意図的なものです)

ありがとう！

4

1 に答える 1