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

Question

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

我无法共享链接，因为有问题的网站位于受保护的登录名后面。但是，请查看此屏幕截图以了解我正在查看的内容：http: //bit.ly/ImiiDM

在 CSS 中，我使用的是“Buenard”、Georgia、“Times New Roman”、serif 的字体堆栈；我也尝试使用'"Buenard", serif;' 没有效果。

有任何想法吗？

Answer 1

不要使用样式表来附加字体，只需在网络上搜索您想要的字体并下载并附加它，如下所示：

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

之后，您可以像使用普通 CSS 声明一样使用它：

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