Хосияти 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;
}

Результат: