我在Windows Chrome上遇到字体呈现问题。我正在使用Google Lato字体,大小为10px,字体重量为300.以下是在Mac和Windows上呈现的比较:
Chrome Windows:
Chrome Mac:
如您所见,Windows上的字体很难阅读。我试过用:
-webkit-font-smoothing: antialiased;
但它没有奏效。关于如何解决这个问题的任何想法?
以下是一个示例:https://jsfiddle.net/Lcj9yxuo/
答案 0 :(得分:0)
您可以在样式中添加一些文字阴影
label{
font-family: Lato;
font-weight:300;
font-size:10px;
-webkit-font-smoothing: antialiased;
-webkit-text-shadow: rgba(0,0,0,.2) 0 0 1px;
text-shadow: rgba(0,0,0,.2) 0 0 1px;
}

<link href="https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,300italic,400italic,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<label>
gwarancja niskich cen
</label>
&#13;
有关详情和说明,请参阅来源:How to apply font anti-alias effects in CSS?