Проблема з відтворенням шрифтів на chrome-css, windows, google-chrome

У мене виникають проблеми з візуалізацією шрифтів у Windows Chrome. Я використовую шрифт Google Lato розміром 10px з вагою шрифту 300. Ось порівняння між рендерингами на Mac і Windows:

Windows Chrome:

Chrome Mac:

Як бачите, шрифт на Windows дуже важко читати. Я намагався використати:

-webkit-font-smoothing: antialiased;

але він didn "т працював. Будь-які ідеї про те, як це виправити?

Ось приклад: https://jsfiddle.net/Lcj9yxuo/

Відповіді:

Ви можете додати певну текстову тінь до Вашого стилю

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&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">

<label>
gwarancja niskich cen
</label>

більш детальну інформацію та пояснення див. у джерелі: Як застосувати ефекти анти-псевдонімів у CSS?