Windows Chrome 字体渲染问题答案

【问题标题】：Windows Chrome font-face rendering issueWindows Chrome 字体渲染问题
【发布时间】：2013-08-15 05:07:37
【问题描述】：

我的网站上有一个字体，并且仅在窗口镶边上显示的文字非常粗糙。

我做了以下调整： - 首先制作 SVG，尝试添加文本阴影，尝试抗锯齿字体平滑。

@font-face {
font-family:'grl';
src: url('../fonts/gotham-rounded-light_21020.eot');
src: url('../fonts/gotham-rounded-light_21020.eot?iefix') format('eot'), url('../fonts/gotham-rounded-light_21020.svg#webfontZam02nTh') format('svg'), url('../fonts/gotham-rounded-light_21020.woff') format('woff'), url('../fonts/gotham-rounded-light_21020.ttf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
font-smooth: always;
}

这是网址 http://thunder.beresponsive.net/meet-the-kids.html

【问题讨论】：

标签： windows css google-chrome font-face

【解决方案1】：

目前没有办法解决这个问题。在某些情况下，添加 CSS text-shadow 会有所帮助。如果它没有帮助，那么您只需要使用不同的字体。

Google 意识到了这个问题，但他们并不真正关心。

【讨论】：

考虑到他们是网络领导者，真可惜
是的，可惜了。但是尝试寻找另一个免费提供字体的半体面的网络字体提供商。不是真的在外面。如果您提供免费服务，您将不受质量期望的约束。简单的。请注意，当前的 chrome 浏览器无法将您的最后 2 行 css 识别为有效的 CSS。

【解决方案2】：

我认为您需要以数字值指定字体粗细，即font-weight:200 而不仅仅是“正常”。

【讨论】：