Css chrome上的字体渲染问题

Css chrome上的字体渲染问题,css,windows,google-chrome,Css,Windows,Google Chrome,我对Windows Chrome上的字体渲染有问题。我使用谷歌拉托字体,大小10px,字体重量300。下面是Mac和Windows上渲染的比较: Chrome窗口: Chrome Mac: 如您所见,Windows上的字体很难阅读。我尝试使用: -webkit-font-smoothing: antialiased; 但它不起作用。有没有办法解决这个问题 下面是一个示例:您可以在样式中添加一些文本阴影 标签{ 字体系列:Lato; 字体大小:300; 字体大小:10px; -webkit

我对Windows Chrome上的字体渲染有问题。我使用谷歌拉托字体,大小10px,字体重量300。下面是Mac和Windows上渲染的比较:

Chrome窗口:

Chrome Mac:

如您所见,Windows上的字体很难阅读。我尝试使用:

-webkit-font-smoothing: antialiased;
但它不起作用。有没有办法解决这个问题


下面是一个示例:

您可以在样式中添加一些文本阴影

标签{
字体系列:Lato;
字体大小:300;
字体大小:10px;
-webkit字体平滑:抗锯齿;
-webkit文本阴影:rgba(0,0,0.2)0 0 1px;
文本阴影:rgba(0,0,0,2)0 0 1px;
}

瓜兰贾·尼斯基

您是否尝试过:
文本呈现:优化易读性
刚刚尝试过。没有帮助。你能创建一个片段来重现这个问题吗?@DaniP,我添加了一个例子。从你的小提琴上,我看到的问题只是颜色不同。这并没有改变渲染效果-它看起来和没有这种风格时完全一样。