Google 웹 글꼴이 Chrome에서 제대로 렌더링되지 않았습니다. 해결책?

Question

내 웹 사이트에서 두 개의 Google 웹 글꼴을 사용하고 있습니다. 그들은 Roboto Slab과 Fauna One입니다. 그들은 최신 모질라 파이어 폭스와 IE10에서 잘 보입니다. 그러나 어떤 이유로 구글 크롬에서 끔찍한 것처럼 보입니다. 다음과 같이

는 그들은 내 웹 사이트에 연결되어 있습니다 :

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'> 

Google 크롬 웹 글꼴에 문제가 있음을 깨닫게 걸 렸어요 그리고 가난을 렌더링하는. 이것에 대한 해결책이 있는지 궁금합니다.

두 가지 글꼴 유형을 다운로드하여 내 웹 사이트의 기본 디렉토리에 삽입 한 다음 @ font-face 속성을 통해 CSS를 통해 호출하면 어떻게됩니까? 그 경우 Google 크롬은 그 글꼴을 멋지게 렌더링하겠습니까? 아니면 여전히 동일한 문제와 제대로 렌더링되지 않은 글꼴을 사용합니까 ???

또는이 문제에 대한 다른 해결책이 있습니까?

감사합니다.

Answer 1

Chrome에 대한 몇 가지 버그 보고서를 보았습니다.이 버그는 수정 될 것이지만 100 % 확실하지는 않습니다. 나는 그것이 실제로 크롬의 결함이 100 %는 아니라고 믿습니다 ...

제 생각은이 문제는에 글꼴 유형이 표시되는 순서와 관련이 있습니다. 따라서 Chrome은 둘 이상의 유형을 처리하지만 모든 유형이 동일한 품질로 렌더링되는 것은 아닙니다. 분명히, 구글은 실제로 fonts.google.com에서 올바른 순서로 글꼴을 제공하지 않습니다 - 어떻게 든 ...

결국 나는 Roboto과 함께 발견했습니다.), Font Squirrel에서 사용할 수 있으며 (아파치 2.0 라이센스로 오픈 소스) - 여기에서 다운로드 할 수 있습니다 : http://www.fontsquirrel.com/fonts/roboto (완전한 크로스 브라우저 글꼴 지원을 위해 Webfont Kit을 다운로드하십시오) - CDN의 장점 그것은 당신의 웹 서버에서 그것을 사용하는 경우 Google의 서버에 호스팅하지만, IMHO, 나는 끔찍한 렌더링 된 텍스트를 다루는 것보다 오히려 몇 밀리 초를 잃고 싶습니다 ...

도와 드릴 수 없어 Fauna One , 불행히도 - 글꼴 다람쥐에 나열된 것으로 나타나지 않습니다 - 아마도 당신은 c 다른 글꼴 사이트에서 찾으시겠습니까? 아니면 글꼴 다람쥐에서 사용할 수있는 또 다른 비슷한 글꼴?

Answer 2

웹 브라우저 관점 (Chrome이 문제의 브라우저 임)에서 Windows의 Chrome 35는 글꼴을 읽기 어렵게 만드는 끔찍한 인공물이 없어도 Roboto와 같은 일부 글꼴을 렌더링하는 데 어려움이 있습니다.

이 문제를 해결할 Chrome의 기본 버전에 기본적으로 포함될 DirectWrite라는 기능이 있습니다. 브라우저 URL 표시 줄에서 chrome://flags으로 이동하여 Chrome 35에서 지금 사용하도록 설정할 수 있습니다. Enable DirectWrite (Chrome 35에서 시험 사용 가능) 브라우저를 닫고 다시 실행 해보세요.

분명히 알 수 있듯이 Windows 용 Chrome 35에서이 문제를 발견했습니다. DirectWrite는 Windows에서 글꼴을 렌더링하기위한 DirectX API입니다. Chrome은 기본적으로 Windows 그래픽 장치 인터페이스 (GDI)를 사용하여 문제가되는 것으로 보입니다.

this article