Properties

Properties

Editing
  • account_tree
  • bug_report

font-family

글꼴을 지정한다.

설명

<font-family> 또는 <generic-family> 타입의 글꼴 정의에 대한 우선 순위 목록을 지정한다. <font-family>는 두께, 너비 또는 기울기가 다른 일련의 글꼴을 정의한다. CSS는 <family name>과 다른 글꼴 속성의 조합을 사용하여 개별 글꼴을 선택한다.

사용 가능한 값 타입

<'font-family'>

DEVDIC-Specified Data Types

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

구성 값은 콤마로 구분된 목록이다. 유저 에이전트(user agent)는 렌더링할 문자의 글리프가 포함된 사용 가능한 글꼴과 일치할 때까지 나열된 글꼴 항목을 순차적으로 적용한다.

  • CSS Fonts Module Level 4
    [ <family-name> | <generic-family> ]#

포함된 타입

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

  • <family-name>

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

    • CSS Fonts Module Level 4
      font-family: "myfont1", "myfont2";
    Details

    포함된 타입

    • <string>

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

      • "this is a 'string'."
      Details

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

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

      • content

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

      • quotes

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

  • <generic-family>

    CSS에서 정의한 일반적으로 사용되는 시스템에 설치된 범주에 속하는 글꼴을 나타내는 타입이다. 따옴표로 인용될 수 없다.

    • CSS Fonts Module Level 4
      font-family: Helvetica, Verdana, sans-serif;

구문

  • font-family: 'Mansalva', cursive;
    CSS Fonts Module Level 3
    외부에 정의되어 있는 웹폰트를 적용하는 예
  • object.style.fontFamily = "나눔고딕";
    CSS Fonts Module Level 3

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 3권장

Last review date: 2022-6-18

CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18

지원 웹브라우저