2014-05-12 2 views
0

36px와 같은 것을 사용할 때이 64px 인 것처럼 내 글꼴을 멋지게 유지할 수있는 방법을 이해하려고합니다. 현재 Google 글꼴 'Open Sans을 사용하고 있습니다. 글꼴은 64px (또는 49px)에서 멋지게 보이지만 36px에서는 좋지 않습니다. 아래는 각각의 CSS와 스크린 샷입니다.왜 글꼴 크기가 더 낮은 글꼴 크기로 픽셀 화됩니까?

CSS

.h1 { 
     font-size: 36px; 
     line-height: 1.1em; 

     font-family: 'Open Sans' !important; 
     font-style: normal; 
    } 

36 x 36 픽셀의

enter image description here

64px

enter image description here

답변

1

크기가 작 으면 글꼴 렌더링에 사용할 수있는 픽셀이 두 개뿐입니다. 아니, 아니. 의 픽셀, 더 선명도. 타원의 예를 들어보세요. 더 많은 것은 아니다. 점 U를 사용하여 타원을 그릴 때 더 정확한 타원이됩니다.

ur 안티 알리아싱 문제에 대해 - 죄송합니다. Windows의 크롬/오페라에는 할 수있는 것이 없습니다. 즉 안티 앨리어싱 글꼴. 크롬/오페라는 아닙니다. Mac에서는 글꼴이 작은 크기에서도 앤티 앨리어스가 적용됩니다.

업데이트 [1]

프리미엄 폰트 '뉴 돋움'을보십시오. 앤티 엘리 어싱을 사용하거나 사용하지 않는 것처럼 보입니다.

+0

답변 해 주셔서 감사합니다. 'Helvetica Neue'와 비슷한 다른 글꼴을 검색하는 방법이 있을까요? – daveomcd

관련 문제