CSS 폰트 사이즈 어드just 속성
- 이전 페이지 font-size
- 다음 페이지 font-stretch
정의와 사용법
font-size-adjust 속성은 특정 요소에 aspect 값을 설정하여, 선호하는 글꼴의 x-height를 유지할 수 있습니다.
설명
글자의 소문자 "x"의 높이와 "font-size" 높이 간의 비율은 글꼴의 aspect 값이라고 합니다. 글꼴이 높은 aspect 값을 가지고 있으면, 이 글꼴이 매우 작은 크기로 설정될 때 더 읽기 쉬워집니다. 예제: Verdana의 aspect 값은 0.58(이는 글꼴 크기가 100px일 때 x-height가 58px라는 의미입니다). Times New Roman의 aspect 값은 0.46입니다. 이는 Verdana가 작은 크기에서 Times New Roman보다 더 읽기 쉬운 것을 의미합니다.
추가로 참조:
CSS 강의:CSS 글꼴
CSS 참조 가이드:CSS 폰트 속성
HTML DOM 참조 가이드:fontSizeAdjust 속성
예제
다른 HTML 요소의 font-size-adjust 속성을 설정합니다:
h1
{
font-size-adjust:0.58;
}
p
{
font-size-adjust:0.60;
}
CSS 문법
font-size-adjust: number|none|initial|inherit;
속성 값
| 값 | 설명 |
|---|---|
| none | 기본. 이 글꼴이 사용할 수 없으면, 이 글꼴의 x-height를 유지하지 않습니다. |
| number |
글꼴의 aspect 값 비율을 정의합니다. 사용할 수 있는 공식:기본 글꼴의 글꼴 크기 * (font-size-adjust 값 / 사용할 수 있는 글꼴의 aspect 값) = 사용할 수 있는 글꼴에 적용할 수 있는 글꼴 크기 예제:14px의 Verdana(aspect 값은 0.58)이 사용할 수 없지만, 사용할 수 있는 글꼴의 aspect 값이 0.46이면, 대체 글꼴의 크기는 14 * (0.58/0.46) = 17.65px입니다. |
기술 세부 사항
| 기본 값: | none |
|---|---|
| 상속성: | yes |
| 버전: | CSS2 |
| JavaScript 문법: | object.style.fontSizeAdjust="0.70" |
TIY 예제
- font-size-adjust을 사용하여 글꼴 크기를 설정
- font-size-adjust을 사용하여 글꼴 크기를 설정하는 방법을 보여줍니다.
브라우저 지원
표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재하고 있습니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 지원하지 않음 | 지원하지 않음 | 3.0 | 지원하지 않음 | 지원하지 않음 |
- 이전 페이지 font-size
- 다음 페이지 font-stretch
