{{위키데이터 속성 추적}}
{{HTML}}
'''폰트 패밀리'''(font family)는 [[HTML|(X)HTML]], [[CSS]], 및 파생 시스템에서 우선순위가 있는 글꼴과 일반 글꼴 계열 이름의 목록을 지정한다. 관련 글꼴 속성과 결합하는 경우 이 목록은 문자를 렌더링하기 위해 사용하는 특정 폰트 페이스(font face)를 결정한다. 이 계열은 2가지 형태로 제공된다: 현재는 구식인 (X)HTML의 {{tag|font}} 요소에 {{code|face}} 속성, 그리고 [[CSS]]의 {{code|font-family}} 속성.

== 예시 ==
<syntaxhighlight lang="css">.text { font-family: times, serif; font-size:14pt; font-style:italic; }</syntaxhighlight>
<syntaxhighlight lang="html4strict">
<p class="text">
Sample text formatted with CSS in a separate stylesheet.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>

<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>
</syntaxhighlight>

== 제네릭 폰트 ==
font-family는 Heisei Mincho W9와 같은 특정 이름의 글꼴을 사용할 수 있으나 그 결과는 사용자 기기에 설치된 글꼴에 따라 달라진다. 실제 모습은 시스템에 설치된 브라우저와 글꼴에 의존한다.<ref name="ccs-ref">{{웹 인용|url=http://www.w3.org/TR/CSS2/fonts.html#generic-font-families |title=Fonts |publisher=W3.org |access-date=2013-09-21}}</ref> 마이크로소프트 윈도우의 파이어폭스에 기본으로 설치되는 기준으로 세리프(serif)는 [[Times New Roman]], sans-serif는 [[Arial]]을 사용한다.

== 폰트 패밀리 샘플 ==
{| class="wikitable" | style="width:99% align="left";"
|-
! 글꼴 !! 예시 (설치된 글꼴에 의존하는 뷰) [caps, sentence, numerals, Greek, Arabic, Russian]
|-
| [[Agency FB]]
| <span style="font-family: 'Agency FB';">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| Albertina
| <span style="font-family: 'Albertina';">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Antiqua (typeface class)|Antiqua]]
| <span style="font-family: Antiqua;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| Architect
| <span style="font-family: Architect;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Arial]]
| <span style="font-family: Arial;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| BankFuturistic
| <span style="font-family: BankFuturistic;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| BankGothic
| <span style="font-family: BankGothic;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Blackletter]]
| <span style="font-family: Blackletter;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| Blagovest
| <span style="font-family: Blagovest;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Calibri]]
| <span style="font-family: calibri;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Comic Sans MS]]
| <span style="font-family: 'Comic Sans MS', 'comic sans';">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Consolas]]
| <span style="font-family: consolas;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Courier (typeface)|Courier]]
| <span style="font-family: courier;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Garamond]]
| <span style="font-family: Garamond;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Georgia (typeface)|Georgia]]
| <span style="font-family: georgia;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Helvetica]]
| <span style="font-family: Helvetica, 'Helvetica Neue', 'Helvetica Neu', 'Neue Helvetica', Helv;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Impact (typeface)|Impact]]
| <span style="font-family: Impact;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Minion (typeface)|Minion]]
| <span style="font-family: Minion;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Didone (typography)|Modern]]
| <span style="font-family: Modern;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Open Sans]]
| <span style="font-family: 'Open Sans';">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Palatino]]
| <span style="font-family: Palatino;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Perpetua_(typeface)|Perpetua]]
| <span style="font-family: Perpetua;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Helvetica|Swiss]]
| <span style="font-family: Swiss;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Tahoma font|Tahoma]] ??
| <span style="font-family: tahoma;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Times New Roman|Times]]
| <span style="font-family: times;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Times Roman|Times New Roman]]
| <span style="font-family: 'Times New Roman', 'Times New', 'Times Roman', times;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
|[[Twentieth Century (typeface)|Tw Cen MT]]
| <span style="font-family: 'Tw Cen MT'">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|-
| [[Verdana]]
| <span style="font-family: verdana;">ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789  αβγ  عربي  язык  </span>
|}

== 같이 보기 ==
* [[글꼴 목록]]
* [[웹 타이포그래피]]
== 각주 ==
{{각주}}

[[분류:HTML]]
[[분류:조판]]