Chrome 및 Firefox에서 "Helvetica Neue"와 일치

현재 개발중인 웹 사이트에서 Helvetica Neue를 사용하고 있습니다. 지난 몇 달 동안 Helvetica Neue 글꼴이 Google 크롬에서 매우 과감하게 렌더링되었습니다. Firefox에서 동일한 사이트를 볼 때 모든 것이 훨씬 좋아 보이며 예상대로입니다. 글꼴은 두 브라우저에서 너무 달라 보이는 이유Chrome 및 Firefox에서 "Helvetica Neue"와 일치

#top-bar { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    height: 30px; 
    color: #ccc; 
    font-size: 80%; 
    line-height: 30px; 
} 

#top-bar a { 
    color: #eee; 
}

사람이 설명 할 수 :

enter image description here

이 부분에 대한 CSS 규칙은 매우 간단합니다 : 여기

참조에 대한 비교 스크린 샷입니다 ? font-weight: normal은 아무런 효과가 없지만 Chrome은 더 많은 글꼴 가중치를 렌더링하는 것처럼 보입니다. 이것은이 사이트에도 고유하지 않습니다. Helvetica Neue를 사용하는 모든 사이트 (부트 스트랩 문서 포함)는 내 PC (및 Chrome을 실행하는 다른 사용자)에게도 영향을줍니다. Mac에서는 모든 것이 정상적으로 보입니다.

해결책이 있습니까? 예를 들어, FF의 글꼴 렌더링을 모방하는 몇 가지 기술은 무엇입니까?

출처

2013-10-17 BenM

Helvetica Neue는 브라우저에 관계없이 Windows에서 제대로 렌더링되지 않는 것으로 알려져 있습니다. – BoltClock

알아,하지만 왜 Windows에서 FF로 더 나은 렌더링을 설명하지 않습니다. 제 질문은 크롬에서 FF의 렌더링을 맞추는 방법입니다. – BenM

Helvetica Neue는 대부분의 컴퓨터에서 사용할 수 없습니다. '@ font-face '를 통해 제공한다면, 이것을 기술하고 글꼴과 글꼴 파일의 출처를 확인해야합니다. –

Firefox는 하드웨어 가속 DirectWrite API (Direct2D의 일부)가 글꼴을 렌더링하는 것을 지원하며 Chrome은이를 지원하지 않기 때문입니다. 예를 들어, 참조 : 두 브라우저는 다른 글꼴 렌더링 백엔드를 사용하기 때문에 파이어 폭스에서 하드웨어 가속을 끄더라도 Chrome Issue 124406

Chrome Issue 25541

는, 결과가 다릅니다.

출처

2013-10-17 10:24:23 nwellnhof

입력 해 주셔서 감사합니다! 나는 그것이 앉아서 기다리는 이슈라고 생각한다. – BenM

Chrome 및 Firefox에서 "Helvetica Neue"와 일치

답변

관련 문제