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

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

<p>Własność <code>font</code> jest skrótową własnością do ustawienia {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, {{ Cssxref("line-height") }} oraz {{ Cssxref("font-family") }} w jednym miejscu w arkuszu stylów.</p>

<ul>
 <li>{{ Xref_cssinitial() }}: sprawdź indywidualne własności</li>
 <li>Stosowana do: wszystkich elementów</li>
 <li>{{ Xref_cssinherited() }}: tak</li>
 <li>Media: {{ Xref_cssvisual() }}</li>
 <li>{{ Xref_csscomputed() }}:</li>
</ul>

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

<p><code>font:</code> [ &lt;{{ Cssxref("font-style") }}&gt; || &lt;{{ Cssxref("font-variant") }}&gt; || &lt;{{ Cssxref("font-weight") }}&gt; ]? &lt;{{ Cssxref("font-size") }}&gt; [ / &lt;{{ Cssxref("line-height") }}&gt; ]? &lt;{{ Cssxref("font-family") }}&gt;</p>

<p><code>font:</code> <code>caption</code> | <code>icon</code> | <code>menu</code> | <code>message-box</code> | <code>small-caption</code> | <code>status-bar</code> | <code>-moz-window</code> | <code>-moz-document</code> | <code>-moz-workspace</code> | <code>-moz-desktop</code> | <code>-moz-info</code> | <code>-moz-dialog</code> | <code>-moz-button</code> | <code>-moz-pull-down-menu</code> | <code>-moz-list</code> | <code>-moz-field</code></p>

<p><code>font:</code> {{ Cssxref("inherit") }}</p>

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

<p>Użycie skrótowej własności {{ Cssxref("font") }} ustawia własności pisma jako określone oraz ustawia wszystkie inne własności związane z czcionką do ich wartości początkowych.</p>

<p>Zobacz {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }} oraz {{ Cssxref("font-family") }}, by sprawdzić prawidłowe wartości każdej własności.</p>

<p>Również czcionki systemowe mogą być określone przy użyciu własności {{ Cssxref("font") }}<em>zamiast</em> określania indywidualnych własności pisma:</p>

<dl>
 <dt>caption </dt>
 <dd>Czcionka używana w opisanych kontrolkach (na przykład w przyciskach, listach rozwijanych itd.).</dd>
 <dt>icon </dt>
 <dd>Czcionka używana do podpisywania ikon.</dd>
 <dt>menu </dt>
 <dd>Czcionka używana w menu (na przykład menu rozwijanym, listach menu).</dd>
 <dt>message-box </dt>
 <dd>Czcionka używana w oknach dialogowych.</dd>
 <dt>small-caption </dt>
 <dd>Czcionka używana do opisywania małych kontrolek.</dd>
 <dt>status-bar </dt>
 <dd>Czcionka używana w pasku stanu okna.</dd>
 <dt>-moz-window </dt>
 <dd> </dd>
 <dt>-moz-document </dt>
 <dd> </dd>
 <dt>-moz-workspace </dt>
 <dd> </dd>
 <dt>-moz-desktop </dt>
 <dd> </dd>
 <dt>-moz-info </dt>
 <dd> </dd>
 <dt>-moz-dialog </dt>
 <dd> </dd>
 <dt>-moz-button </dt>
 <dd> </dd>
 <dt>-moz-pull-down-menu </dt>
 <dd> </dd>
 <dt>-moz-list </dt>
 <dd> </dd>
 <dt>-moz-field </dt>
 <dd> </dd>
</dl>

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

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

<pre>/* Ustawia rozmiar czcionki na 12pt oraz odstęp między liniami na 14pt.
Ustawia rodzinę czcionek na bezszeryfowe */
p { font: 12pt/14pt sans-serif }
</pre>

<pre>/* Ustawia rozmiar czcionki na 80% rozmiaru znacznika-rodzica lub wartości domyślnej
(jeśli nie ma obecnego znacznika-rodzica) oraz ustawia rodzinę czcionek na bezszeryfowe */
p { font: 80% sans-serif }
</pre>

<pre>/* Ustawia wagę (grubość) czcionki na pogrubioną, styl czcionki na kursywę,
rozmiar na duży i rodzinę czcionek na szeryfowe */
p { font: bold italic large serif }
</pre>

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

<p>Składniki {{ Cssxref("font-size") }} oraz {{ Cssxref("font-family") }} skrótowej własności są obowiązkowe. Pominięcie ich jest błędem składniowym i powoduje, że cała własność zostanie zignorowana.</p>

<p>Własności, dla których nie ma podanych żadnych wartości, są ustawiane do ich wartości domyślnej, którą jest <code>normal</code> dla wszystkich własności, które mogą być pominięte ({{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, oraz {{ Cssxref("line-height") }}).</p>

<p>Własność {{ Cssxref("font-size-adjust") }} jest również ustawiana do jej wartości początkowej (<code>none</code>), kiedy określona jest skrótowa własność {{ Cssxref("font") }}.</p>

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

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS1#font">CSS 1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#propdef-font">CSS 2</a> (dla {{ Cssxref("font-size-adjust") }})</li>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font">CSS 2.1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/css3-ui/#font">css3-ui</a> (dla nowych wartości czcionek systemowych)</li>
</ul>

<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h3>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Przeglądarka</th>
   <th>Najniższa wersja</th>
  </tr>
  <tr>
   <td>Internet Explorer</td>
   <td>3</td>
  </tr>
  <tr>
   <td>Netscape</td>
   <td>4</td>
  </tr>
  <tr>
   <td>Opera</td>
   <td>3.5</td>
  </tr>
 </tbody>
</table>

<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>

<p>{{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}</p>

<p> </p>

<p> </p>

<div class="noinclude"> </div>

<p>{{ languages( { "en": "en/CSS/font", "es": "es/CSS/font", "fr": "fr/CSS/font", "ja": "ja/CSS/font" } ) }}</p>