我研究了几种不同的解决方案,例如将 -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/