CSS Шрифт

Свойство font, является сокращенным свойством для установки font-style, font-variant, font-weight, font-stretch, font-size, line-height, font-family в одном и том же месте в таблице стилей. Значения для свойства font-variant также могут быть включены, но только те, которые поддерживаются в CSS 2.1, ни одно из значений font-variant, добавленных в этой спецификации, не может использоваться в сокращении font:

Синтаксис

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Сокращенное свойство шрифта: font</title>
	      <style type="text/css">
@media screen and (max-width: 767px) {
    body {
    max-width: 767px;
    height: auto;
}
}
h1 { 
   color: blue; 
}
.text { 
    font: italic small-caps bold 12pt/normal "Arial"; 
}
.text1 { 
    font: 12pt "Verdana", "Tahoma", sans-serif; 
}
</style>
  </head>
  <body>
    <h1>Сокращенное свойство шрифта: font</h1>
    <p class="text">font: italic small-caps bold 12pt/normal "Arial"</p>
    <p class="text1">font: 12pt "Verdana", "Tahoma", sans-serif</p>
  </body>
</html>

Открыть пример в новом окне

Сокращенное свойство шрифта: font

Рекомендуемые материалы

Спецификации