CSS @폰트 팔레트 밸류 규칙

정의와 사용법

CSS @font-palette-values 규칙은 사용자 정의 글꼴 팔레트의 기본 값을 정의합니다.

예제

사용자 정의 글꼴 팔레트의 기본 값:

@font-palette-values --greenAndYellow {
  font-family: "Bungee Spice";
  override-colors: 0 노랑, 1 녹색;
}
@font-palette-values --pinkAndGray {
  font-family: "Bungee Spice";
  override-colors: 0 핫핑크, 1 그레이;
}
.alt1 {
  font-palette: --greenAndYellow;
}
.alt2 {
  font-palette: --pinkAndGray;
}

직접 시도해 보세요

CSS 문법

@font-palette-values --identifier {
  한 개나 많은 설명자
}

속성 값

값 설명
font-family 이 팔레트가 적용할 수 있는 글꼴 가족 이름을 정의합니다.
base-palette 사용할 기본 팔레트의 이름이나 인덱스를 정의합니다.
override-colors 기본 팔레트에서 덮어쓰기할 색상을 정의합니다.

브라우저 지원

테이블에 표시된 숫자는 이 @ 규칙을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
101 101 107 15.4 87