Proprietatea font

Proprietatea font este o proprietate scurtă, care poate include următoarele proprietăți CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaxă

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

Proprietățile obligatorii sunt font-size și font-family, restul pot fi omise, păstrând ordinea.

Proprietățile font-style, font-variant, font-weight pot fi schimbate în orice ordine între ele.

Atenție la faptul că proprietatea line-height se scrie după o bară oblică după proprietatea font-size.

Exemplu

Să facem textul cursiv cu dimensiunea de 15px, cu tipul Arial și spațiere între rânduri de 30px:

html<p>
  some long text
</p>

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

Результат:

Exemplu

Un alt exemplu:

html<p>
  some long text
</p>

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

Результат:

Exemplu

Să setăm doar dimensiunea fontului și familia, omițând celelalte proprietăți:

html<p>
  some long text
</p>

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

Результат:

Exemplu

Dacă setați doar dimensiunea fontului, ea nu se va aplica, deoarece trebuie setată obligatoriu și familia de fonturi:

html<p>
  some long text
</p>

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

Результат: