Vydanie s vykresľovaním písma na chrom - css, windows, google - chrome

Mám problém s vykresľovaním písma v prehliadači Windows Chrome. Používam písmo Google Lato, veľkosť 10px s hmotnosťou písma 300. Tu je porovnanie medzi vykresľovaním na počítačoch Mac a Windows:

Windows Chrome:

Chrome Mac:

Ako vidíte, písmo na Windows je veľmi ťažké čítať. Snažil som sa použiť:

-webkit-font-smoothing: antialiased;

Ale nefungovalo to. Žiadne nápady, ako to vyriešiť?

Tu je príklad: https://jsfiddle.net/Lcj9yxuo/

odpovede:

môžete do svojho štýlu pridať textový tieň

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>

Viac informácií a vysvetlenie nájdete v zdroji: Ako aplikovať font anti-alias efekty v CSS?