크로스 브라우저 글꼴/색상 문제 - Chrome/Safari

Question

누군가는 Firefox에서 괜찮아 보이지만 Chrome과 Safari 모두 내 웹 사이트의 CSS (스타일)가 잘못되었을 때 내 글꼴이 나옵니다 파이어 폭스에서는 그레이 컬러 대신에 블랙 컬러를 사용합니다.

사파리와 크롬에서 글꼴/색상이 다른 이유는 누구나 도움을 줄 수 있습니까? 굵은 검정색으로 보입니다. 내 콘텐츠 사업부 내에서 사용하고

헤더 스타일, 즉 :

@charset을

"xxx는"

#content { 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 18px; 
    color: #333; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    border-right-style: solid; 
    border-bottom-style: solid; 
    border-left-style: solid; 
    border-right-color: #990; 
    border-bottom-color: #990; 
    border-left-color: #990; 
    padding-bottom: 10px; 
    padding-right: 10px; 
    padding-left: 10px; 
    background-color: #FFF; 
    width: 973px; 
    text-align: left; 
    display: block; 
    background-image: url(images/bgcontent.jpg); 
    background-repeat: repeat; 
} 


h1 { 
    font-family: "Lucida Grande"; 
    background-color: transparent; 
    height: 20px; 
    width: 650px; 
    color: #FF9904; 
    font-size: 36px; 
    text-align: left; 
    float: none; 
    vertical-align: top; 
    border-bottom-width: 2px; 
    border-bottom-style: solid; 
    border-bottom-color: #999; 
    letter-spacing: normal; 
    margin: 0; 
    padding: 0.5em 0; 
} 

는 또한 사용에 대한 구글 크롬, 즉 관련이 링크를 발견 http://www.google.com/chrome/intl/en/webmasters-faq.html#fontspecs

감사합니다.

Answer 1

방금 ​​컴퓨터를 확인한 결과 Firefox와 Chrome의 색상에는 차이가없는 것 같습니다. 저는 Windows를 실행하고 있습니다 (둘 다 해당). Mac과 PC 사이의 색상 차이는 항상 서로 다른 감마 값으로 보정되므로주의해야합니다. 감마 내용 here에 대해 더 자세히 읽어보십시오. 그러나 CSS의 관점에서 볼 때 그다지 많은 것을 할 수는 없습니다.

또 다른 가능한 문제는 컴퓨터가 될 수 있다는 것입니다. 여러 컴퓨터에서이 문제를 시도해 보셨습니까? Browsershots 또는 Browserlab과 같은 도구를 사용해보십시오.

마지막으로 브라우저 간 차이점을 유발하는 몇 가지 관련 코드가있을 수 있습니다.이 코드가 모두 사용 되었습니까? 아니면 어딘가에 CSS가 더 있습니까? 문제가있는 페이지에 대한 라이브 링크를 제공 할 수 있습니까?

Answer 2

빨강과 같이 색상을 지정하면 이런 현상이 발생합니까? 그것이 아니라면, 더 적극적인 웹킷의 안티 앨리어싱 일뿐입니다.

그래도 여전히 사파리/크롬 및 파이어 폭스가 CSS를 해석하는 방식이 다르면 Chrome 관리자와 방화범이 끌 렸는지 확인할 수 있습니다. 그들이 선택한 색상 선택자

Answer 3

게시 한 샘플 CSS는 괜찮습니다. 색상 속성에 !important을 추가하십시오.

color: #FF9904 !important; 

Answer 4

글을 쓸 때 (2015 년 6 월) bug in OS X Chrome that means it doesn't apply colour correction to CSS-colours 또는 untagged images입니다. Safari (OS X 10.9부터)는 CSS 색상과 이미지 모두에 색상 보정을 적용합니다.