나는 수많은 Google 웹 글꼴을 사용하여 사이트를 디자인했습니다. 안타깝게도 WinXP (IE6-8)에서는 일부 글꼴이 지나치게 앤티 앨리어스로 표시되어 시각적 정의 & 선명도가 손실됩니다. Internet Explorer8의 다른 브라우저 (Safari, Chrome, FF) 또는 MacOSX의 모든 브라우저에는 문제가 없습니다.@ font-face 대 Google 웹 글꼴

IE8은 WINXP (오버 열심 안티 앨리어싱)

IE8 on WinXP (Over-zealous AntiAliasing)

크롬 WINXP (미모)에

Chrome WinXP (Looks Good)

그래서 해당 글꼴을 사용하여 고려 중이 야 fontsquirrel.com에서. Google Web Fonts와 달리 @ font-face를 사용하면 어떤 장단점이 있습니까? 지금까지, 내 실험에서, 그들은 훨씬 더 좋아 보인다 ...

추신. @ font-face 글꼴이로드 된 후 document.ready()가 실행됩니까?

출처

2012-01-23 Prembo

조금만 더 조사하자 (답을 고르세요), 문제를 추적 할 수있었습니다. 필자는 동등한 폰트 페이스 폰트를 사용했는데 IE8에서는 (폰트 디자인의 차이로 인해) 상상할 수있었습니다. 그러나 실제 문제는 그라디언트 생성에 사용 된 MS 필터였습니다. 그라디언트 배경을 만들기 위해 Compass 코드 (http://www.colorzilla.com/gradient-editor/에서 생성)를 사용하고 있습니다. IE6-8 그라디언트에 사용되는 MS 필터는 글꼴이 불분명하게 보입니다. 내가 이미지 배경 (한숨을 피우는 ...)에 의지 할 때 글꼴은 멋지고 또렷하다. – Prembo

차이는 없습니다.

Google 웹 글꼴의 백엔드를 살펴보면 FontSquirrel 및 @font-face 생성기를 포함하여 다른 모든 사람들이 사용하는 것과 정확히 같은 방식으로 @font-face을 사용합니다. 마법 같은 것도 아니고 특별한 특별한 것도 없습니다. 중요한 글꼴 자체와 브라우저의 렌더링 엔진입니다.

다른 글꼴을 사용해 보거나 브라우저 별 스타일 시트를 사용하여 특정 문제를 해결할 수 있습니다.

P. 아니요, DOMContentLoaded (jQuery ready) 이벤트는 DOM이로드 된 후 이름에서 알 수 있듯이 실행됩니다. load가 나중에 발사 될 수 있습니다. 확실하지 않습니다. 그것에 의지하지 않는 것이 좋습니다.

출처

2012-01-23 00:24:15 Ryan