2

他の誰かがこの問題を抱えているのではないかと思っていました-@font-faceフォントがChromeで正しくレンダリングされない. 他のブラウザではすべて問題ありません。Icomoon フォントとその構文を使用しています。

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'entypo';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'entypo';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    line-height:1;
}

fonts フォルダの .htaccess:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

root .htaccess にも同じルールがあります。

そのため、他に何が間違っているのかわかりません。フォントをいじっています。ご助力ありがとうございます！

4

3 に答える 3

0

Chrome にはフォントのレンダリングに問題があるようですが、少なくともいくつかのルールでは、この投稿で状況を改善する方法のヒントを確認し、typekitのこのページでプロセスをよりよく理解することができます。

さよなら

于 2012-10-17T01:34:02.913 に答える
0

古い質問ですが、Chrome でも同じ問題/バグが続く傾向があります...

これは、一部の人にとっては役立つ場合があります。他のブラウザーは完全に機能していましたが、@font-face で指定されたフォントを使用して Chrome から空白の印刷プレビューと印刷を取得していました。

ローカルホストからではなく、実際のサーバーから提供された場合、正常に機能することがわかりました。

何時間も前に試してみたらよかったのに。

于 2015-06-15T00:31:56.973 に答える