Style fontFamily 속성

정의와 사용법

fontFamily 속성은 요소의 텍스트의 글꼴 가족(name)과/또는 일반 시리즈(generic-family) 이름 목록을 설정하거나 반환합니다.

브라우저는 인식할 수 있는 첫 번째 값을 사용합니다.

font-family 값은 두 가지 유형이 있습니다:

  • font-family: 글꼴 가족 이름, 예를 들어 "verdana" 또는 "arial"
  • generic-family: 일반 글꼴 시리즈 이름, 예를 들어 "serif" 또는 "sans-serif"

ヒント

항상 일반 시리즈 이름을 마지막 선택으로 규정하세요!

각 값 사이에 콤마를 사용하여 구분합니다.

글꼴 시리즈 이름이 공백을 포함하면 반드시 따옴표를 사용해야 합니다.

참조: Web 보안 글꼴일반적인 글꼴 조합에 대해 알아보세요.

다른 참조:

CSS 강의:CSS 글꼴

CSS 참조 설명서:font-family 속성

HTML DOM 참조 설명서:font 속성

예제

예제 1

<p> 요소의 글꼴 설정:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

본인이 직접 시도해 보세요

예제 2

가능한 값에 대한 시연:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

본인이 직접 시도해 보세요

예제 3

<p> 요소의 글꼴을 반환:

alert(document.getElementById("myP").style.fontFamily);

본인이 직접 시도해 보세요

문법

fontFamily 속성 반환:

object.style.fontFamily

fontFamily 속성 설정:

object.style.fontFamily = "font1, font2...|initial|inherit"

속성 값

값 설명
font1, font2... 콤마로 구분된 글꼴 가족 이름과/또는 일반 시리즈 이름 목록.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 继承합니다. 참조: inherit.

기술 세부 사항

기본 값: 정의되지 않음
반환 값: 문자열, 요소 중국어 텍스트의 글꼴 이름을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원