Właściwość font

Właściwość font jest właściwością skrótową, w której można użyć następujących właściwości CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Składnia

cssselektor {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Właściwościami obowiązkowymi są font-size i font-family, pozostałe można pomijać, zachowując kolejność.

Właściwości font-style, font-variant, font-weight można przestawiać w dowolnej kolejności względem siebie.

Zwróć uwagę, że właściwość line-height jest zapisywana przez ukośnik po właściwości font-size.

Przykład

Zróbmy tekst kursywą o rozmiarze 15px, z typem Arial i odstępem międzywierszowym 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Przykład

Kolejny przykład:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Przykład

Przypiszmy tylko rozmiar czcionki i rodzinę, pomijając inne właściwości:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Przykład

Jeśli ustawimy tylko rozmiar czcionki, nie zostanie on zastosowany, ponieważ musi być również ustawiona rodzina czcionek:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: