CSS 폰트 기능 설정 속성

정의와 사용법

font-feature-settings 속성은 OpenType 글꼴의 고급 인쇄 기능을 제어할 수 있습니다.

예제

font-feature-settings 정의:

/* 소형 대문자 활성화 */
.ex1 { font-feature-settings: "smcp" on; }
/* 대문자와 소문자 모두 소형 대문자로 변환 */
.ex2 { font-feature-settings: "c2sc", "smcp"; }
/* 일반적인 결합 글자 없음 */
.ex3 { font-feature-settings: "liga" 0; }
/* 자동 분수 활성화 */
.ex4 { font-feature-settings: "frac"; }

직접 시도해 보세요

CSS 문법

font-feature-settings: normal|feature-value;

속성 값

값 설명
normal 기본 설정. 기본 설정을 사용하여 텍스트를 배치합니다.
feature-value 형식: string [1|0|on|off]，문자열은 항상 4개의 ASCII 문자입니다.

기술 세부 사항

기본 값: normal
thừa kế: 는
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성。
버전: CSS3
JavaScript 문법: object.style.fontFeatureSettings="normal"

브라우저 지원

표의 숫자는 해당 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

带有 -webkit- 또는 -moz-의 숫자는 프리픽스를 사용하는 첫 번째 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
48.0
16.0 -webkit- 		10.0 34.0
15.0 -moz- 		9.1 35.0
15.0 -webkit-