OS X과 Windows에서 텍스트를 렌더링하면 패딩이 발생하지 않습니까?

안녕하세요 여러분, 간단한 배경색과 패딩으로 클라이언트 문서 h1의 스타일을 지정하려고합니다. 패딩 내에서 텍스트를 세로 및 가로로 가운데에 배치해야하지만 OS X와 Windows간에 기본적인 차이점이 있습니다. 적어도 그것은 나의 가장 좋은 추측이다.OS X과 Windows에서 텍스트를 렌더링하면 패딩이 발생하지 않습니까?

OS의 X : http://i54.tinypic.com/2a0bx1v.png

윈도우 : 여기

.entry-title { 
    color: #fff; 
    background: #A3BCC3; 
    font-size: 24px; 
    text-transform: uppercase; 
    text-align: center; 
} 

.normal .entry-title { 
    float: left; 
    width: 100%; 
    padding: 10px; 
    margin-bottom: 30px; 
}

이 스크린 샷입니다 : 여기에 위반하는 요소에 대한 특정 코드는 http://i56.tinypic.com/2gv4vie.png

당신은 그것을 Windows에서 잘 렌더링이야 알 수 있습니다 하지만 OS X에서는 너무 높습니다. 브라우저 전체에서 동일하게 렌더링되지만 차이점은 운영체제뿐입니다. 글꼴은 Quicksand Book이며 @ font-face를 통해 구현됩니다. 사이트의 작동 버전을 보려면 http : // angryg.nom.es/rosebud에서 구할 수 있습니다. 체크 아웃을 관리하는 경우 홈 페이지 하단의 정적 콘텐츠 바닥 글에서 동일한 문제가 발생한다는 것을 알 수 있습니다.

어쨌든, 어떤 도움을 주시면 대단히 감사하겠습니다.

출처

2011-03-19 Kyle Foster