0

ここで奇妙な問題。@font-faceサイトに使用していますが、いくつか問題があります。私は当初、Mac の Chrome に大文字の「A」が表示されませんでした。font-weight を明示的に設定した後は、 の上300であれ​​ば問題ありませんでした。

しかし、今では、Firefox と、さまざまなブラウザーのクライアント マシンで発生していることがわかります。

これが私のコードです：

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

ここでライブを見ることができます：http: //infirmaryhealth.mdidev.com/

ご協力ありがとうございます-

4

2 に答える 2

1

問題を把握しました。

Zurb の Foundation フレームワークを使用していました。彼らはこれをに適用しh1ていh6ます：

text-rendering: optimizeLegibility;

それをコメントアウトして出来上がり！

于 2013-04-26T00:25:34.530 に答える
0

font-weight を通常に設定してみてください (これは 400 に設定するのと同じです)。これは、フォントを変換した後に fontsquirrel @font-face ジェネレーターが行うことであり、私にとっては常に機能します。

于 2013-03-28T19:39:42.123 に答える