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;
}

Результат: