힘든 시간을 보내고 있습니다. (왼쪽)Safari (5.0.5)에서 텍스트가 일관성 없게 렌더링됩니다.
error http://f.cl.ly/items/1t2u0p0B1d2a3a0S452B/laksdf.png
페이지가로드, 메인 메뉴의 텍스트가 얇은 같습니다
나는 http://movingwineforward.com에서 일하고 있어요,하지만 당신이 스크린 샷에서 볼 수 있듯이 그것은 일관 텍스트를 렌더링 다른 모든 OS 및 브라우저와 일치합니다. 그러나 클릭하면 스크린 샷의 오른쪽과 같이 약간 더 무겁게됩니다.
스타일 시트와 Safari (및 Chrome) DOM Inspector에서 CSS 속성을 모두 확인했으며 둘 다 동일합니다.
Safari에서 스크립트를 사용하지 않도록 설정할 때 텍스트가 무거운 버전 (오른쪽)처럼로드되므로 방해가되는 것 같습니다. (다른 스크립트 중에서 일부 Vimeo 플래시 플레이어를로드하고 있습니다.)
추가 된 미스터리의 경우이 사이트는 http://daf.cl 사본이며 스타일 시트, DOM (마크 업), 글꼴 파일 및 자바 스크립트가 모두 동일합니다. 색상 및 내용 만 변경됩니다. 그러나 http://daf.cl에서 텍스트는 처음에 더 무거운 버전으로로드되고 그와 같이 유지됩니다.
나는 OSX 레오파드에 사파리 (505) 실행에이 문제를 재현 할 수있었습니다.
클라이언트가 요청하면 텍스트가 오른쪽 (무거움) 모양이어야합니다. CSS에서 -webkit-font-smoothing 및 텍스트 렌더링을 강제로 시도했지만 아무도 트릭을 수행하지 않았습니다. 서체를 강제로 글꼴 무게가 잘 보이지 않습니다.
업데이트 1 :이 ocurrs 때
내가 지금 알고 : 메뉴 뒤에 메오 플래시 플레이어가있는 경우에만 텍스트가 얇은 렌더링합니다. 뒤에 비디오가 없다면, 더 무거워 보입니다. 아마도 이것은 새로운 빛을 가져옵니다. (나는 Moogaloop에 대한 jQuery를 Froogaloop을 해제했지만 작동하지 않았다)
나는 글꼴의 클릭 버전을 좋아한다. – Blender
불필요한 스타일 시트와 자바 스크립트를 제거하여 문제가 사라 졌는지 확인할 수 있습니다. 문제가 해결 될 때까지 한 번에 하나씩 두십시오. – Sparky
@ 블렌더 오른쪽에있는 것을 의미합니까? 예, 그게 보이는 것이지, 그렇게 보이도록 강요 할 수는 없습니다. –