Google 웹 글꼴에있는 앤틱 글꼴을 사용하려고합니다. 이것은 아름다운 글꼴이고 나의 전체 웹 사이트는 그것을 기반으로 설계되었습니다.Google 웹 글꼴 앤티 앨리어싱 문제
사이트를 코딩하기 시작했으나 Antic과 함께이 앤티 앨리어싱 문제가 발생했습니다.
내가 CSS에 모든 노력을 ...
font-smooth: always;
transform: rotate(-0.0000000001deg)
-webkit-font-smoothing: subpixel-antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3); <- barely works
당신의 도움이 많이 감사합니다.
나는 이것이 매우 오래되어 이미이 시점에서이 통과하고 있지만 다른 사람을 위해
... 검색 온다 문제는 웹킷 인 경우, 다음과 약간의 행운이있을 수 있습니다 누구인지 당신의 -webkit 접두사,하지만 난 보통 서브 픽셀없이 간다. Like -webkit-font-smoothing: antialiased;
IE 및 기타 웹킷이 아닌 브라우저의 문제는 도움이되지 않습니다. 그 경우 첫 번째 옵션으로 svg로 웹 글꼴을 재정렬하십시오. 아니면 모두 무시할 수도 있습니다. 이것은 일반적으로 내가 가지고있는 모든 문제를 해결하고 당신이 그것을 없애 버릴 수 있다면 iefix를 없애고 ie10에서 문제를 일으킬 수 있습니다. 만약 당신이 오래된 ie 's를 지원하는 것이 붙어 있다면 당신은 그리스트를 위로 옮기려고 시도 할 수 없습니다.
How to apply font anti-alias effects in CSS?
-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
-webkit-font-smoothing: antialiased;