어떤 브라우저에서도 자기 호스트 된 Google 글꼴이 부드럽 지 않습니다.

"Lato"Google 글꼴이있어서 자체 호스팅하기를 원합니다 (성능 때문에). 나는 그것을 구현하고 어떤 브라우저에서도 매끄럽지 않고 부드럽게 보입니다. 실제로 픽셀 화 된 것처럼 보입니다!어떤 브라우저에서도 자기 호스트 된 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; 
}

내가 뭘 더 만족하고 부드러운 결과를 얻기 위해 무엇을 할 수 ?

출처

2017-12-13 Flo

는 단지 그런 식으로 당신은 자기 호스트를 보입니까 당신이 읽을 수있는이 핫픽스

/*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;} }

를 사용할 수 있습니까? –

잠시만 기다려주십시오. 원격 구현을 시도 할 것입니다. – Flo

원격지에서는 동일한 문제가있는 것으로 보입니다. – Flo

나는 일반적으로 더 here

출처

2017-12-13 22:10:03

그 문제에 영향을 미치지 않는 것 같습니다. – Flo

어쩌면 내가 몇 가지 코드를 게시 할 수 있습니다, 그래서 그것을 해결하려고 할 수 –

더 많은 라인을 좀 봐 줄래? 내 게시물에 내가 생각하는 관련 라인있어? – Flo

어떤 브라우저에서도 자기 호스트 된 Google 글꼴이 부드럽 지 않습니다.

답변

관련 문제