Selbst gehostete Google-Schriftart nicht in jedem Browser glatt

Question

Ich habe die "Lato" -Google Schriftart und möchte es selbst hosten (wegen der Leistung). Ich habe es implementiert und es sieht beschissen und nicht glatt in jedem Browser aus, es sieht wirklich pixelig aus!

@font-face { 
    font-family: 'lato'; 
    src: url('font/latoFont.eot'); 
    src: url('font/latoFont.eot?#iefix') format('embedded-opentype'), 
    url('font/latoFont.ttf') format('truetype'), 
    url('font/latoFont.woff2') format('woff2'), 
    url('font/latoFont.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
} 

html { 
    font-family: 'lato', sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    font-size: 10px; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1.4rem; 
    color: #212121; 
} 

Was kann ich tun, befriedigende und glatte Ergebnisse zu erzielen?

Answer 1

ich in der Regel diesen Hotfix verwenden

/*FIX FONT FOR GOOGLE CHROME ON WINDOWS*/ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    @font-face { 
     font-family: 'MyFont'; 
     src: url('fonts/myfont.svg#myfont') format('svg'); 
     font-weight: normal; 
     font-style: normal;} 
} 

Sie können mehr lesen here