2013-06-24 1 views
0

누군가 올바른 방향으로 나를 가리킬 수 있는지 궁금합니다. 주어진 글꼴 크기마다 일관된 가중치로 Google 글꼴 Orbitron을 표시하려고합니다. 꽤 쉽지, 그렇지? 내 시나리오 아니야. 특정 font-sizes에서 일부 문자는 동일한 문자 내에 여러 가중치를가집니다.왜 내 Google 글꼴의 글자가 일치하지 않는 이유는 무엇입니까?

참고 : 나는

크롬 V27, 윈도우 7 의 코드를이 테스트입니다 :

<link href='http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900' rel='stylesheet' type='text/css'> 
.sixteen{ 
    font-family: Orbitron; 
    font-weight: 400; 
    font-size: 16px; 
    line-height: 22px; 
} 
.nineteen{ 
    font-family: Orbitron; 
    font-weight: 400; 
    font-size: 19px; 
    line-height: 22px; 
} 

<h4 class="sixteen">Home of Front End Developer and</h4> 
<h4 class="nineteen">Home of Front End Developer and</h4> 

을 여기에 나의 문제를 설명하는 fiddle이다. 바이올린을 살펴보면 첫 줄에 대문자의 맨 위 줄인 F, ED 문자가 해당 줄의 나머지 문자보다 더 많은 두께/두께를가집니다.

Font sizes: 16px and 19px

내 질문은 두 가지 :

하지만

이 경우 당신은 내가보고 있어요 무엇을 복제 할 수있는, 다음 줄에 알 수 있습니다로, 여기 스크린 샷입니다

  1. 기술적으로 이것을 설명하는 가장 좋은 방법은 무엇입니까? '주어진 문자에서 여러 글꼴 가중치'는 간결함이 없으며 어떤 가치도 가지지 않습니다. Google results.
  2. 이 문제를 해결하고 모든 글꼴 크기에서 모든 문자의 일관성을 유지할 수있는 방법이 있습니까?

답변