Mac OS X Chrome의 회색/확산 텍스트

Question

This is the website.

Mac OSX에서 크롬에서만 발생하는 이상한 "텍스트 디스플레이"오류가 있습니다. 나는 5 개의 iMac과 Macbook에서 그것을 시험해 보았고, 모두 나쁜 방식으로 텍스트를 보여 주었다. 나는 Windows 크롬에서 좋아 보인다. ...

나는 API 위에있을만큼 높은 하위 메뉴를 가지고있다. 나는이 페이지에 넣었다. 문제는 하위 메뉴가지도 위에있는 경우 텍스트 (의 흰색 CSS 속성이!)가 회색 확산 스타일으로 변경된다는 것입니다. 여기

는 CSS입니다 :

#contact_map{ 
    width: 537px; 
    height: 340px; 
    float: left; 
} 

#map_canvas{ 
    width:100%; 
    height:100%; 
} 

#header #header_box ul#mainnav ul.submenu.big .submenu_big_box li a { 
     text-transform: none; 
     font-size: 12px; 
     color: white; 
} 

그리고이 문제입니다 :

: 그것은 (그냥 흰색 글꼴)을 보일 것입니다 방법

당신은 그것이 그루터기임을 알 수 있습니다. float:left 속성을 #contact_map에서 제거하면 오류가 발생한지도를 매핑합니다. 지도가 내려 가고 텍스트가 흰색으로 표시됩니다.

다른 브라우저를 사용해 보았는데 Mac OSX의 Chrome에서만이 문제를 해결할 수있는 방법이 있습니까?

Answer 1

Chrome이있는 MBP에서 이상하게 보입니다.

이

-webkit-text-stroke: 0.35px 

출처 : : 그와 Beefing Up Dull Text in WebKit

, 그것은 다음과 같습니다 :이 당신이 원하는 것을 생각

Answer 2

Chrome이 설치된 OS X 10.7을 사용 중이며 나를 위해 하얗게 보입니다. 이 내 계산 된 스타일은 다음과 같습니다

color: white; 
cursor: auto; 
display: inline; 
float: none; 
font-family: avenirnext_lt_pro_ultlightRg; 
font-size: 12px; 
height: auto; 
line-height: 15px; 
list-style-image: none; 
list-style-position: outside; 
list-style-type: none; 
overflow-y: visible; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
text-align: left; 
text-decoration: none; 
text-transform: none; 
width: auto; 

아마도 당신은 그들이 확인 있는지 확인하기 위해 크롬에서 계산 된 스타일을 확인할 수 있습니까?