CSS 글꼴 패밀리 속성
예시
두 단락의 글꼴을 지정합니다.
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
정의 및 사용
font-family
속성은 요소의 글꼴을 지정합니다 .
속성 은 font-family
"대체" 시스템으로 여러 글꼴 이름을 보유할 수 있습니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다.
글꼴 패밀리 이름에는 두 가지 유형이 있습니다.
- family-name - "times", "courier", "arial" 등과 같은 글꼴 패밀리의 이름입니다.
- generic-family - "serif", "sans-serif", "cursive", "fantasy", "monospace"와 같은 일반 계열의 이름입니다.
원하는 글꼴로 시작하고 항상 일반 제품군으로 끝내면 다른 글꼴을 사용할 수 없는 경우 브라우저에서 일반 제품군에서 유사한 글꼴을 선택할 수 있습니다.
참고: 각 값을 쉼표로 구분하십시오.
참고: 글꼴 이름에 공백이 포함된 경우 따옴표로 묶어야 합니다. HTML에서 "style" 속성을 사용할 때는 작은 따옴표를 사용해야 합니다.
기본값: | 브라우저에 따라 다름 |
---|---|
상속: | 네 |
애니메이션 가능: | 아니요. 애니메이션 가능 에 대해 읽기 |
버전: | CSS1 |
자바스크립트 구문: | object .style.fontFamily="베르다나, 산세리프" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
font-family: family-name|generic-family|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 글꼴
CSS 참조: 글꼴 속성
HTML DOM 참조: fontFamily 속성