개체 속의 텍스트에 사용되는 글꼴의 종류를 반환하거나 설정한다.

인수

cssSelector : (스타일 선택자)

속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)

스타일 속성은 개체 속의 텍스트에 사용되는 글꼴의 종류를 나타내는 문자열이다.

family-name	브라우저에 의하여 지원되는 글꼴의 이름이다. 예를들어 한글에는 굴림, 굴림체, 궁서, 바탕체등이 있고, 영문으로는 Times, Helvetica, Zapf-Chancery, Western, or Courier등이 있다.
generic-name	serif, sans-serif, cursive, fantasy,혹은 monospace등 글꼴 종류의 이름이다..

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 없다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

이 속성은 글꼴 이름을 구별하기 위하여 컴마로 분리된 우선순위에 의한 복수의 글꼴 이름들의 목록을 가질 수 있으며, 앞에서부터 적용된다.

글꼴 이름이 공백을 포함하고 있으면 반드시 단일따옴표(')나 이중따옴표(")로 감싸줘야 한다. generic 글꼴 이름은 값들이므로 따옴표 속에 들어가면 안된다.

컴퓨터에 어떤 글꼴들이 설치되어 있는지 알 수 없으므로 글꼴 목록 제일 뒤에 대체할 수 있는 generic 글꼴 이름들을 지정하는 것이 좋다. 이 목록에는 깔린(embedded) 글꼴들을포함할 수 있다. 깔린 글꼴들에 대한 추가 정보는 @font-face 명령을 참조하라.

이 속성의 디폴트값은 Explorer⇒도구⇒인터넷 옵션⇒일반⇒글꼴에서 설정할 수 있다.

적용

개체	script	CSS	IE 버전

참조

font 글꼴 가족 목록 예제

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.

<STYLE>
.fontFamilyA {font-family:'굴림',arial}
.fontFamilyB {font-family:'궁서',courier}
</STYLE>
<P class="fontFamilyA" tabindex="1"
  onmousedown="this.className='fontFamilyB'"
  onmouseup="this.className=''"
  onkeydown="this.className='fontFamilyB'"
  onkeyup="this.className=''">이 문단을 선택하고 마우스나 자판을 눌러보라.<BR>
This font family will be changed.</P>

<STYLE type="text/css">
@font-face { font-family: 'My_font';src: url(http://www.server.com/some_font_file.eot); }
.myFont {font-family:'My_font',Arial}
</STYLE>
<DIV class="myFont">도입된 글꼴 종류 적용 abcdefghijklmn</DIV>