Properties

Properties

Editing
  • account_tree
  • bug_report

font-variation-settings

OpenType 또는 TrueType 글꼴 변형에 대한 낮은 수준의 제어를 제공한다. 널리 사용되지 않지만 특정 사용 사례에 필요한 글꼴 변형에 대한 액세스를 제공하기 위한 방법이다.

설명

가변 글꼴(Variable Fonts)

font-variation-settings 속성으로 저수준 제어를 하기 위해서는 가변 글꼴(variable fonts) 타입이어야 한다.

변형 축(Variation Axis)와 CSS 속성의 비교

대소문자를 구분한다.

Axis TagCSS Property
"wght"font-weight
"wdth"font-stretch
"slnt"font-style: oblique + angle
"ital"font-style: italic
"opsz"font-optical-sizing

사용 가능한 값 타입

<'font-variation-settings'>

DEVDIC-Specified Data Types

font-variation-settings 속성에 사용되는 타입이다.

OpenType 또는 TrueType 글꼴 변형에 대한 낮은 수준의 제어를 설정하기 위한 값을 나타낸다.

  • CSS Fonts Module Level 4
    normal | [ <string> <number>]#
    Example

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <number>

    정수 또는 실수를 표현한다.

  • <string>

    따옴표로 감싸진 데이터 유형을 표현한다.

    • "this is a 'string'."
    Details

    동일한 타입을 사용하는 관련 속성

    모든 속성을 표시하지 않을 수도 있다.

    • font-family

      글꼴을 지정한다.

    • content

      가상 요소로 생성할 콘텐츠를 설정한다.

    • quotes

      인용 부호의 유형을 설정한다.

사용되는 키워드

  • normal

    글리프(glyph)) 모양, 일치 또는 위치가 변경되지 않는다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18

외부 리소스

axis-praxis.org
가변 글꼴 예제

지원 웹브라우저