CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS font-family 속성 사용 방법 및 예제

font-family CSS 속성은 요소의 텍스트 내용의 글꼴을 설정합니다. 이 font-family 속성은 여러 글꼴 이름을 '후보' 시스템으로 포함해야 합니다. 필요한 글꼴부터 시작하여 사용할 수 없을 때 순서대로 후보 글꼴을 사용합니다.

이 목록을 마무리하기 위해 일반 글꼴 시리즈를 사용해야 합니다. 그것은 다음과 같습니다:5개의 글꼴, 예를 들어: arial, sans-serif, monospace, cursive ,fantasy。이 표는 이 속성의 사용 설명과 버전 이력, 그리고 자바스크립트 스크립트에서 이 속성의 사용 문법을 나타냅니다。monospacecursive

기본 값:	브라우저에 따라
적용 대상:	모든 요소
상속:	네
애니메이션 가능:	아니요。참조하십시오 애니메이션 속성。
버전：	CSS 1，2，3
JavaScript 문법：	object.style.fontFamily="arial,sans-serif"

font-family 사용 문법

이 속성의 문법은 다음과 같습니다：

font-family: [ family-이름 | 일반-family] [ , family-이름 | 일반-family] 하나나 여러 쌍 | 초기 | 상속

아래 예제는 font를 사용하는 방법을 보여줍니다.-family 속성。

예제

　　body　{
　　　font-family:　Arial,　Helvetica,　sans-serif;
　　}
　　h1　{
　　　font-family:　"Times　New　Roman",　Times,　serif;
　　}

테스트를 보세요‹/›

주의:글꼴 시리즈의 이름이 단어 이상인 경우, 따옴표로 묶어야 합니다. 예를 들어 font-family: "Times New Roman", Serif; 등.

보다 일반적인 글꼴 조합에 대한 정보는 다음을 참조하세요CSS 네트워크 보안 글꼴。

속성 값

아래 표는 이 속성의 값을 설명합니다。

값	설명
family-name	글꼴 시리즈의 이름. 예를 들어 "Times"와 "Helvetica". 공백이 포함된 글꼴 이름은 따옴표로 묶어야 합니다.
generic-family	필요한 글꼴 선택을 사용할 수 없을 때, 일반 글꼴 시리즈를 일반적인 백그라운드 메커니즘으로 사용할 수 있습니다. 일반 글꼴 이름은 키워드이므로 따옴표로 묶을 수 없습니다。 일반 글꼴 시리즈는 글꼴 시리즈 이름 목록의 마지막 선택을 해야 합니다. 다음과 같은 일반 시리즈가 정의되었습니다： serif (예: Times) sans-serif (예: Arial) cursive (예: Zapf-Chancery) fantasy (예: Western) monospace (예: Courier) 에 대해 알아보세요글꼴 조합의더 많은 정보。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정된 경우, 관련 요소는 부모 요소의 font를 사용합니다.-family의 속성 값。

브라우저 호환성

font-family 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다；모든 주요 브라우저는 이 속성을 지원합니다。

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ 오페라 3。5+

더 읽기

다음 튜토리얼을 참조하세요：CSS 글꼴，CSS 텍스트。

관련 속성과 규칙：font，font-style，font-variant，font-weight，font-size，
line-height，@font-face。

CSS font-size 속성 CSS 폰트 속성