글꼴 크기 또는 글꼴 인코딩과 관련된 글꼴 위치 지정 오류

Question

글꼴 크기가 255px 이상이 될 때까지 line height:1을 지정하면 예상대로 문자 모양이 배치되는 문제가 발생했습니다. 글꼴 크기를 256으로 설정하면 문자 모양이 크게 변경되어 선상에 너무 많이 표시됩니다.

나는 조세핀 산세에 가지고 구글 웹 폰트를 사용하고 있습니다 - http://www.google.com/webfonts/specimen/Josefin+Sans

편집 : 페도라에 크롬을 사용하고,

단순화 된 바이올린 여기에 시장 점유율과 자금과 그 멋진 기계하지 하나를 - http://jsfiddle.net/jBAnc/

편집 : 피들이 나를위한 코드를 표시하지 않습니다. "Bacon"을 클릭하면 255와 256 사이에서 토글되어 앞뒤로 튀어 오르게됩니다 (적어도 나를 위해).

글꼴이 Arial과 같은 기본 웹 안전 글꼴 일 때이 문제가 발생하지 않으므로 Google 웹 글꼴과 관련이 있다고 가정합니다. 이것은 글꼴의 인코딩에 문제가 있습니까? 아마도 글꼴이 생성 된 프로그램 (255가 중요해 보입니다)입니까?

Answer 1

전혀 아무 문제가 없습니다. 모든 폰트의 x 높이, 디 센더/익스텐더 높이가 같을 것을 기대하고 있습니다 (10 회 중 9 회).

다음 바이올린은 4 개의 글꼴 (3은 Mac, PC 등에서 일반적으로 사용되는 글꼴)의 차이점을 보여줍니다. Josefin Sans도 집에 있습니다.

은의 차이에 특히주의 :

• 자본 Q와 부모의 국경 사이의 상단 간격
• 사람 XX (자본 대 특히, 소문자)의 다양한 높이
G는 (일부는 실제로 부모 나올) 하단 케이스의
• 센더

_HTTP : //jsfiddle.net/suK2U/

6,약/256px 255, 당신이 당신의 용기와 부모 사이의 '달콤한 자리'에 무슨 일이 있었 말을 감행 것입니다 귀하의 질문에 대답합니다. 256에서 충돌이 시작됩니다 (여백이 붕괴하기 시작하는 등).

Answer 2

이 글꼴의 줄 높이/간격 문제가 일치하지 않습니다. Joseph Sans 그 자체의 건설에 문제가 있다고 생각하기 시작했습니다.

EDIT : 조금 더 googlizing 한 다음에는 글꼴 자체가 아니라 Google Webfont API가 문제가되는 것처럼 보입니다.

http://webdesignandsuch.com/fix-fonts-that-dont-work-with-google-font-api-in-internet-explorer-or-chrome-with-font-face/

짧은 답변 : 다운로드 및 폰트를 직접 호스팅하고 더 문제가 없습니다.