STYLE

Editing

font-family

글꼴을 지정한다.

설명

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

사용 가능한 값 타입

〈'font-family'〉

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

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

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

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • 〈family-name〉

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

    • CSS Fonts Module Level 4
      font-family: "myfont1", "myfont2";
  • 〈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

지원 웹브라우저