@ font-face在IE和Firefox中正确渲染,但不能在Chrome中正确渲染

时间:2012-05-19 11:53:16

标签: css google-chrome css3 webkit font-face

我的自定义字体在所有浏览器中看起来都很完美,但在最近的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>

Font-face-firefox-chrome

还有其他人注意到类似的问题吗?

1 个答案:

答案 0 :(得分:0)

我个人没有...

我会说你很可能是正确的,并且各种浏览器的渲染存在差异..

我看到你已经拥有weight:normal ...

尝试-webkit-font-smoothing: antialiased;

请参阅@ http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/