Уласцівасць font

Уласцівасць font уяўляе сабой уласцівасць-скарачэнне, у якім можна выкарыстоўваць наступныя ўласцівасці CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Сінтаксіс

cssселектар {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Абавязковымі ўласцівасцямі з'яўляюцца font-size і font-family, астатнія можна прапускаць, захоўваючы парадак.

Уласцівасці font-style, font-variant, font-weight можна перастаўляць у любым парадку адносна адзін аднаго.

Звярніце ўвагу на тое, што ўласцівасць line-height пішацца праз слэш пасля ўласцівасці font-size.

Прыклад

Давайце зробім курсіўны тэкст памерам 15px, з тыпам Arial, і міжрадковым інтэрвалам у 30px:

html<p>
  some long text
</p>

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

Результат:

Прыклад

Яшчэ прыклад:

html<p>
  some long text
</p>

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

Результат:

Прыклад

Прызначым толькі памер шрыфту і сямейства, апусьціўшы іншыя ўласцівасці:

html<p>
  some long text
</p>

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

Результат:

Прыклад

Калі задаць толькі памер шрыфту, ён не прымяніцца, так як абавязкова павінна быць зададзена яшчэ і сямейства шрыфту:

html<p>
  some long text
</p>

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

Результат: