Question

我的网站上有一个字体，文字仅在窗口铬合金上非常粗糙。

我做了以下调整： - 首先制作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

Answer 1

我认为你需要在数字值中指定font-weight，即font-weight:200而不仅仅是“normal”。

Answer 2

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

Google意识到了这个问题，但他们并不在乎。

Windows Chrome字体渲染问题

2 个答案: