0

少しお時間をいただき、この問題の解決にご協力いただければ幸いです。このフォントをワードプレスのテーマに統合しようとしています。また、FF、Chrome、IE で問題なく動作します。しかし、私はオペラに問題があります。最も奇妙なことは、ロードされますが、ファイル形式が壊れているように見えることです. ページの読み込み中にフォントがセリフからサンセリフに変換されるため、読み込まれることはわかっています。

fontsquirrel と他のいくつかのコンバーターを使用してキットを作成しましたが、どれも正しく動作していないようです。

@font-face {
    font-family: 'Blanch-Caps';
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot');
    src: url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.eot?#iefix') format('embedded-opentype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.woff') format('woff'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.ttf') format('truetype'),
         url('<?php bloginfo('stylesheet_directory'); ?>/font/blanchcaps/blanch_caps.svg#blanch_caps') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title h3 {
    font-family: 'Blanch-Caps';
    text-transform: lowercase;
}

繰り返しになりますが、Opera を除く他のすべてのブラウザーで問題なく動作します。Blanch は大文字をサポートしていないため、小文字変換を使用しています。

あらゆる種類の助けをいただければ幸いです。

ありがとう。

4

1 に答える 1

1

これは Opera の既知のバグです...二重引用符を追加するだけです:

@font-face {
    font-family: "Blanch-Caps";
    ...

問題の詳細: Opera (11.00) がカスタム (@font-face) フォントを表示しないのはなぜですか?

于 2013-11-26T21:24:27.220 に答える