스타일 fontFamily 속성
예시
요소의 글꼴을 설정합니다.
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
정의 및 사용
fontFamily 속성은 요소의 텍스트에 대한 글꼴 패밀리 이름 및/또는 일반 패밀리 이름 목록을 설정하거나 반환합니다.
브라우저는 인식하는 첫 번째 값을 사용합니다.
글꼴 패밀리 값에는 두 가지 유형이 있습니다.
- font-family: "verdana" 또는 "arial"과 같은 글꼴 패밀리의 이름
- generic-family: "serif" 또는 "sans-serif"와 같은 일반 글꼴 패밀리의 이름
팁: 항상 마지막 대안으로 일반 이름을 지정하십시오!
참고: 각 값을 쉼표로 구분하십시오.
참고: 글꼴 패밀리 이름에 공백이 포함된 경우 따옴표로 묶어야 합니다.
팁: 일반적으로 사용되는 글꼴 조합 은 웹용 글꼴 을 참조하십시오.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
통사론
fontFamily 속성을 반환합니다.
object.style.fontFamily
fontFamily 속성을 설정합니다.
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
속성 값
Value | Description |
---|---|
font1, font2, etc. | A comma-separated 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 버전 | CSS1 |
더 많은 예
예시
가능한 값의 데모:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
예시
요소의 글꼴을 반환합니다.
alert(document.getElementById("demo").style.fontFamily);
관련 페이지
CSS 튜토리얼: CSS 글꼴
CSS 참조: font-family 속성
HTML DOM 참조: 글꼴 속성
❮ 스타일 개체