2011-04-13 3 views
4

개발중인 사이트의 경우 Google의 WebFonts API에서 Lato을 사용했습니다. 매우 중요한 경우를 제외하고는 모든 브라우저 (IE 포함)에서 완벽하게 작동합니다. Windows XP의 Firefox 3.6 (Windows 7에서는 아직 테스트하지 않았습니다). 폰트가로드되어 표시되지만, 앤티 앨리어싱이 완전히 오작동하는 것처럼 문자가 끔찍하게 보입니다.Google 글꼴 API에서로드 된 WebFont는 Windows의 Firefox 3.6에서만 끔찍합니다.

This is what the text looks like in FF3.6

내 인터넷 검색으로 인해 브라우저의 버그로 FF4에서 웹 글꼴 문제에 대한 안타를 발견했다,하지만 난 아무것도 3.6을 찾을 수 없습니다. 이 문제를 해결하기 위해 할 수있는 일이 있습니까?

+0

벌써 굵은 체의 fontville에 굵은 체 스타일을 적용 할 수 있습니다. 이는 failsville입니다. 아직 ClearType을 활성화하지 않은 경우이 옵션을 활성화해야합니다. – reisio

답변

5

Google의 글꼴이 글꼴의 GASP 표의 설정과 관련되는 이유입니다. 이 테이블은 크기의 범위에 따라 '회색 음영'과 '격자 맞춤'을 토글합니다. Google이 귀하의 사이트로 보내는 글꼴을보고 크기 0-13 그레이 스케일이 켜져 있습니다. 14-18은 격자 맞추기로 설정되어 흑백 렌더링이됩니다. 그러면 그레이 스케일과 그리드 피팅에 대해 19+가 설정됩니다. 텍스트 크기를 13px로 변경하면 갑자기 앤티 엘리 어싱이 적용됩니다.

글꼴 다람쥐 글꼴의 경우 4px 이상의 모든 크기에 대해 회색조 + 격자 무늬를 렌더링하도록 GASP 표를 설정합니다.

+0

글꼴 다람쥐 버전으로 전환하고 스타일 시트를 약간 조정하면 완벽하게 작동합니다. 심층적 인 설명에 감사드립니다. – ChiperSoft

+0

나도 도와 줬어! Google에서 제공 한 Lato Light에 문제가 발생했습니다. Windows 브라우저에서 OS X는 괜찮 았습니다. 내 서버에서 글꼴 다람쥐 ttf를로드 문제를 해결했습니다. –

0

Google 웹 글꼴과 Font Squirrel에서 다운로드 한 것과 같은 글꼴이 다른 것 같습니다 (관련 없음 ...) question.

그래서 글꼴 다람쥐에서 가지고있는 버전을 사용하여 문제가 해결되는지 확인합니다.