Google网络字体在Chrome / Mac上以某些像素大小显示奇怪

时间:2012-04-23 22:00:19

标签: css google-chrome webfonts google-webfonts

我正在使用Google Web字体“Buenard”,并且很难将其显示在Chrome上。我知道在各种浏览器中存在字体渲染和提示的问题,但这完全不同。 Chrome在我的系统上显示了一些其他的dingbat字体,而不是预期的字体。它在Safari中看起来很棒。

我无法共享链接,因为相关网站位于受保护的登录后面。但是,看看这个截图,看看我在看什么: http://bit.ly/ImiiDM

在CSS中,我使用的是“布埃纳德”字体堆栈,格鲁吉亚,“Times New Roman”,serif;'我也尝试过使用''Buenard',serif;'没效果。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

不使用样式表来附加字体,只需在网上搜索所需的字体并下载并附加,如下所示:

@font-face {
font-family: buenard;
src: url('buenard.ttf');
}

之后你可以像普通的CSS声明一样使用它:

p.custom_font{
font-family: buenard; /* no .ttf */
}