CSS 폰트 사이즈 조정 속성

정의와 사용법

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을 사용하여 글꼴 크기를 설정하는 방법을 보여줍니다.

브라우저 지원

표에 수록된 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
지원하지 않음 지원하지 않음 3.0 지원하지 않음 지원하지 않음