font-size-adjust

중요:
이 문서는 임시 문서이며 변경될 수 있습니다.

대체되든 안 되든 첫 번째 선택한 글꼴의 x-높이를 효과적으로 유지하는 요소의 가로 세로 비율 값을 설정합니다.

구문

{ font-size-adjust: sSize }

가능한 값

sSize

다음 값 중 하나를 지정하는 변형:

이 속성의 기본값은 none 이며 상속됩니다.

설명

지정한 모든 글꼴 크기에 대해 외관상 크기와 텍스트 가독성은 글꼴에 따라 다릅니다. 대문자와 소문자를 구분하는 라틴어 또는 키릴어 같은 스크립트에서 해당 대문자와 비교하여 소문자의 상대 높이는 가독성을 결정하는 요소입니다. 일반적으로 이러한 값을 가로 세로 비율 값이라고 합니다. 정확하게 정의하면 이 값은 글꼴 크기로 나눈 글꼴의 x-높이(글꼴의 소문자 'x' 문자의 높이)와 같습니다.

글꼴 대체가 발생하는 경우 대체 글꼴은 원하는 글꼴 패밀리와 같은 가로 세로 비율을 공유할 수 없기 때문에 가독성이 떨어지게 됩니다. 지정한 글꼴을 사용할 수 없을 때 글꼴 대체가 발생하며 Internet Explorer는 대체 글꼴 또는 교체 글꼴을 사용합니다. font-size-adjust 속성은 글꼴 대체가 발생할 때 텍스트 가독성을 유지하는 방법입니다. 글꼴 크기를 조정하여 사용되는 글꼴에 상관없이 x-높이를 동일하게 만들어서 텍스트 가독성을 유지합니다.

다음 계산에서는 숫자 값을 사용하여 조정된 글꼴 크기를 계산합니다. 즉 c = (a / a' ) s.

이 식에서 s는 글꼴 크기 값, a는 font-size-adjust 속성의 숫자 값, a'는 실제 글꼴의 가로 세로 비율 값이고 c는 사용할 조정된 글꼴 크기입니다.

이 속성은 선택된 모든 글꼴에 적용되지만 일반적인 사용법에서 글꼴 패밀리 목록에 있는 첫 번째 글꼴의 세로 값을 기준으로 해야 합니다. 정확하게 지정되는 경우 위에 있는 식의 (a/a') 값은 첫 번째 글꼴에 대해 1이며 조정되지 않습니다. 값이 정확히 지정되지 않으면 글꼴 패밀리 목록의 첫 번째 글꼴을 사용하여 렌더링되는 텍스트는 font-size-adjust 속성을 지원하지 않는 브라우저에서 다르게 표시됩니다.

표준 정보

이 속성은 Scalable Vector Graphics Text(SVG 텍스트) , 섹션 10.10에 정의되어 있습니다.

적용 대상

a, address, applet, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, input type=button, input type=file, input type=image, input type=password, input type=reset, input type=submit, input type=text, li, ol, p, s, select, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp

참조 항목

개념

font
font-size
font-size-adjust