CSS Types

CSS Types

Editing

〈family-name〉

일반 구성이 아닌 글꼴명을 자료로 하는 타입이다. 따옴표로 인용되어야 한다.

설명

일반 구성(<generic-family>)을 제외한 글꼴 구성 이름은 <string> 타입이어야 하며 하나 이상의 <custom-ident> 타입의 연속된 값으로 인용되지 않아야 한다.

사용 예

만약에 어떠한 이유로 글꼴을 사용할 수 없을 경우에 작성된 순서에 따라 우선 순위를 가지면서 적용한다.

body {
    font-family: "myfont1", "myfont2", sans-serif;
}

유효하지 않은 선언

font-family: Red/Black, sans-serif;
font-family: "Lucida" Grande, sans-serif;
font-family: Ahem!, sans-serif;
font-family: test@foo, sans-serif;
font-family: #POUND, sans-serif;
font-family: Hawaii 5-0, sans-serif;

CSS 전체에서 미리 예약된 다른 키워드를 잘못 해석될 수 있는 값은 허용되지 않는다.

유효한 선언

만약에 유효하지 않은 경우가 있을 수 있는 값이거나 일반적인 구성(<generic-family>)이 아니라면 다음의 예시처럼 따옴표로 감싸야 한다.

font-family: "sans-serif", sans-serif;
font-family: "default", sans-serif;
font-family: "initial", sans-serif;
font-family: "inherit", sans-serif;

그리고 글꼴명에 공백, 숫자, 하이픈 이외의 이름을 사용하는 것이 오류를 방지할 수 있다. 만약에 그러한 경우에는 따옴표로 감싸야 한다.

body {
    font-family: "my font to bold", "15pt bold", serif;
}

 

사용되는 하위 유형

버전 명세

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

Last review date: 2022-6-18

지원 웹브라우저