2

私のカスタム フォントはすべてのブラウザーで完璧に見えていましたが、最近の Webkit の更新後、Chrome と Safari では非常に太字になりましたが、Firefox と IE では問題なく表示されます。

ここに私のCSSがあります:

@font-face  {
    font-family: "KlavikaBasicRegular";
    src: url("i/klavikabasic-regular-webfont.eot");
    src: url("i/klavikabasic-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("i/klavikabasic-regular-webfont.woff") format("woff"),
         url("i/klavikabasic-regular-webfont.otf") format("opentype"),
         url("i/klavikabasic-regular-webfont.svg#KlavikaBasicRegular") format("svg");
    font-style:normal;
    font-weight:400;
}
.block_header {
    font-family:"KlavikaBasicRegular",sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    color: #5b5b5b;
    line-height: 18px;
    margin: 0;
    padding: 7px 10px 5px 20px;
}

そしてHTML：

<h3 class="block_header">MY headline</h3>

フォントフェイス-Firefox-クロム

他の誰かが同様の問題に気づきましたか?

4

1 に答える 1

0

私は個人的にはしていません...

あなたはおそらく正しいと思います.さまざまなブラウザのレンダリングには違いがあります..

私はあなたがすでに持っているように見えますweight:normal...

試す-webkit-font-smoothing: antialiased;

@ http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-Looking-bold-on-mac-browsers/を参照してください。

于 2012-05-19T11:56:29.180 に答える