---
title: font-family
slug: Web/CSS/font-family
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: Web/CSS/font-family
---
<p>{{CSSRef}}</p>

<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2>

<p><code>font-family</code> dopuszcza uszeregowaną pod względem ważności listę nazw rodzin czcionek oraz/lub nazwy rodzajów czcionek do zdefiniowania dla wybranego elementu. W przeciwieństwie do większości innych własności CSS, wartości są oddzielone przecinkiem, by wskazywały, że są alternatywami.</p>

<p>{{cssinfo}}</p>

<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2>

<pre class="eval">font-family: &lt;family-or-generic-name&gt; [, &lt;family-or-generic-name&gt;]* | inherit
</pre>

<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci">Wartości</h3>

<dl>
 <dt>&lt;family-generic-name&gt;</dt>
 <dd>jest jedną z wartości <code>&lt;family-name&gt;</code> lub <code>&lt;generic-family&gt;</code></dd>
 <dt>family-name </dt>
 <dd>Nazwa rodziny czcionek. Na przykład: "Times" i "Helvetica" są rodzinami czcionek. Nazwy rodziny czcionek, zawierające białe znaki, powinny być ujęte w cudzysłowy.</dd>
 <dt>generic-family </dt>
 <dd>Zdefiniowane są następujące rodzaje czcionek: <code>serif</code>, <code>sans-serif</code>, <code>cursive</code>, <code>fantasy</code>, <code>monospace</code>. Nazwy rodzajów są słowami kluczowymi i nie muszą być brane w cudzysłowy.</dd>
</dl>

<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2>

<p><a href="/samples/cssref/font-family.html">Zobacz przykład</a></p>

<pre>body { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }

.receipt { font-family: Courier, "Lucida Console", monospace }
</pre>

<h2 id="Uwagi" name="Uwagi">Uwagi</h2>

<p>Powinieneś zawsze określić nazwę rodzaju jako ostatnią wartość we własności <code>font-family</code>.</p>

<p>Własność <code>font-family</code> wyszczególnia listę czcionek, od najwyższego priorytetu do najniższego. Wybór czcionki <em>nie</em> kończy się po prostu, gdy pierwsza z wymienionych czcionek jest w systemie użytkownika. Wybór czcionki odbywa się raczej jako <em>jeden znak naraz</em>, zatem, jeśli dostępna czcionka nie ma glifu (matrycy), który może wyświetlić potrzebny znak, wypróbowywana jest kolejna dostępna czcionka.</p>

<p>Jeśli dla czcionki dostępne są tylko niektóre własności <a href="pl/CSS/font-style">styles</a>, <a href="pl/CSS/font-variant">variants</a> lub <a href="pl/CSS/font-size">sizes</a>, mogą one również wpływać na to, które rodziny czcionek zostaną wybrane.</p>

<h2 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h2>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS1#font-family">CSS 1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">CSS 2.1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/2002/WD-css3-fonts-20020802/#font-family-prop">CSS 3</a></li>
</ul>