font-size-adjust

정의 및 사용

adjust 란 단어는 “조정하다”란 뜻으로 말 그대로 폰트 크기를 조정해주는 역할을 하는 속성이 font-size-adjust 이다. 영어는 대소문자가 구별되는 언어이고 그 때문에 폰트의 종류에 따라 특히 소문자의 크기가 다르게 표현된다.(예를 들어 Verdana 의 대문자가 1 이라면 소문자 크기는 0.58 의 크기인 것이다.)

이러한 이유 때문에 브라우저에서 만약 첫 번째 font 를 사용할 수 없게 될 경우 두 번째로 지정된 폰트를 랜더링하는데 글자 크기가 같은 px 라도 들쭉날쭉하게 보여지는 것이다. 이런 것을 방지하기 위해 font-size-adjust 속성을 사용하게 되면 서로 다른 폰트 종류라도 처음 지정된 폰트의 크기로 유지할 수 있는 것이다.

하지만 현재 Firefox 에서만 지원하며 거의 사용되고 있지 않다.

정의 및 사용
기본값 none
상속 yes
버전 CSS3
자바스크립트 구문 object.style.fontSizeAdjust=”0.58″

브라우저 지원

IE6 지원 안함IE7 지원 안함IE8 지원 안함Chrome 지원 안함Firefox 지원Opera 지원 안함Safari 지원 안함

Firefox 에서만 지원

구문

속성 값 설명
설명
number 숫자로 직접 크기를 지정
none 기본값. 폰트 크기 조정을 하지 않음
inherit 부모 요소의 font-size-adjust 값을 물려받음

예제

버그 및 이슈

  • 한글과 같이 대소문자 구별이 없는 언어에서는 사용하지 않는다.
  • 조정될 글자 크기 계산식 c = (a/a’)s (c=조정될 글꼴 크기, a=font-size-adjust 에 지정된 숫자, a’=현재 지정된 글꼴의 소문자 비율)

소제목

목록 으로

댓글