我的网站上有一个字体,仅在窗口镶边上显示的文字非常粗糙。
我做了以下调整: - 首先制作 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;
}
最佳答案
目前没有办法解决这个问题。 在某些情况下,添加 CSS 文本阴影会有所帮助。如果它没有帮助,那么您只需使用不同的字体即可。
Google 知道这个问题,但他们并不关心。
关于Windows Chrome 字体渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18211539/