Savybė font

Savybė font yra sutrumpinta savybė, kurioje galima naudoti šias CSS savybes: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaksė

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

Privalomomis savybėmis yra font-size ir font-family, likusias galima praleisti, išlaikant eiliškumą.

Savybes font-style, font-variant, font-weight galima sukeisti bet kokia tvarka viena kitos atžvilgiu.

Atkreipkite dėmesį, kad savybė line-height rašoma per brūkšnį po savybės font-size.

Pavyzdys

Padarykime kursyvinį tekstą, kurio dydis 15px, su Arial tipu ir eilutės aukščiu 30px:

html<p>
  some long text
</p>

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

Результат:

Pavyzdys

Kitas pavyzdys:

html<p>
  some long text
</p>

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

Результат:

Pavyzdys

Nustatykime tik šrifto dydį ir šeimą, praleisdami kitas savybes:

html<p>
  some long text
</p>

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

Результат:

Pavyzdys

Jei nustatyti tik šrifto dydį, jis neveiks, nes papildomai privalo būti nustatyta ir šrifto šeima:

html<p>
  some long text
</p>

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

Результат: