windows - Windows Chrome 字体渲染问题

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:200而不仅仅是“正常”。

Answer 2

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

谷歌知道这个问题，但他们并不在意。