css - 字体在 Chrome 中呈现不佳

标签 css google-chrome font-face

我研究了几种不同的解决方案,例如将 -webkit-font-smoothing 设置为抗锯齿和重置文本阴影。一切都无济于事,这真的让我很烦恼。

字体差异: http://imgur.com/a/8w9TM

Firefox 和 Internet Explorer,然后是 Chrome。

这是 chrome 行为,还是(更有可能)我实现不正确?无论哪种方式,关于我可以做些什么有什么建议吗?

@font-face{
    font-family: Patagonia;
    src: url('style/patagonia_regular_macroman/Patagonia-webfont.ttf');
    font-weight: normal;
    font-style: normal; 
}

(注意:我在单独的 IE 特定的 css 中包含了 IE 的字体)

最佳答案

这很可能是 Chrome 的问题,而不是您的实现问题。 Chrome 长期以来一直被字体渲染问题所困扰;我知道 Jeff Atwood (@codinghorror) 做了一些比较,但我现在似乎找不到它们。

我建议只针对 Safari(它也使用 WebKit)并等待 Google 的人员推出补丁。

关于css - 字体在 Chrome 中呈现不佳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12700253/

相关文章:

asp.net-mvc - 如何在加载网站之前安装自定义字体?

css - 压缩/缩小@font-face 字体

android - 圆形框上的边框未在 Android/Chrome 上显示

android - Android 版 Chrome 拒绝呈现自定义字体

html - 调整浏览器大小时站点上的内容堆栈

jquery - 如何在 Bootstrap col-md-1 中正确居中旋转 (90) 文本

linux - 阻止 Chrome 上的 getUserMedia 音频反馈

html - 为什么我的 svg 上有一个 100% 的垂直滚动条?

jquery 移动标题链接与长文本重叠

css - 如何观看sass文件