@글꼴-얼굴 렌더링

문제

내 사이트에서 글꼴을 사용하고 있습니다. http://www.fontsquirrel.com/fonts/Bentham

하지만 문제가 있습니다.

이 @font-face 표시 글꼴은 지원되는 모든 브라우저에서 다르게 보입니다.어떻게 하면 거의 모든 곳에서 동일하게 렌더링할 수 있나요?

해결책

@font-face는 슬프게도 여전히 새롭고 상대적으로 일관되지 않게 지원됩니다.Webkit/Gecko는 이를 다르게 처리하며 IE8은 EOT 글꼴 파일에서만 작동합니다.엉망이야.

현재로서는 여전히 오래된 기술(플래시 교체, 이미지 교체 등)을 통해서만 일관성을 얻을 수 있습니다.

하지만 차이점에 대한 구체적인 예가 있는 경우 CSS를 조정하여 문제를 원활하게 해결하는 데 도움을 드릴 수 있습니다.

다른 팁

이 글꼴 파일의 힌트에 문제가 있습니다. Linux (TTF 힌트를 무시하는 경향이 있음)에서는 아름답게 렌더링되지만 Windows에서는 어떤 브라우저가 사용 중인지에 관계없이 힌트가 극히 열악하고 Cleartype가없는 것 같습니다.

메모장에서 잘못된 표시가 표시되므로 웹 엠 베팅 문제가 아닙니다.

원인을 즉시 볼 수는 없습니다 ... TTF 'Gasp'테이블을 추가하면 고칠 수 있다고 생각했지만 도움이되지 않는 것 같습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow