自己ホストされたGoogleフォントがブラウザ内でスムーズでない

Question

私は "Lato"というGoogleフォントを持っていて、パフォーマンスのために自己ホストしたいと思っています。私はそれが実装されているとそれはおかしいと任意のブラウザでスムーズではない、それは本当にピクセル化して見える！

@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; 
} 

私はより満足し、スムーズな結果を得るために何ができますか？

Answer 1

私は通常よりhere