Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство font

Справочник: 
Свойство

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Свойство отвечает за оформление текста. При чем этот оператор может одновременно установить стиль шрифта, его размер и прочие вспомогательные параметры стилизации контента.

Как правильно задавать?

font: параметры оформления текста;

Какие могут быть значения?

Существует два обязательных параметра, которые нужно задавать для стилизации шрифта - это семейство шрифта и его размер. Прочие значения могут не указываться.

Существует также несколько команд, которые определяет сферу использования шрифта:

  • caption - текст выводится в виде форм, предназначается для форм.
  • icon - для применения в комплексе с иконками.
  • menu - шрифт прописывает разделы меню.
  • message-box - предназначен для прописи текста для сообщений в диалоговом окне.
  • status-bar - прописывает строчку текущего состояния.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство font</title>
  <style>
   p {
    font: 16px Arial;
   }
   h2 {
    font: 25px Times New Roman;
   }
  </style>
 </head>
 <body>
 
  <h2>Заголовок</h2>
  <p>Основной текст статьи, написанный другим шрифтом.
Размер символов тоже другой, слегка меньше чем заголовок.</p>
 
 </body>
</html>

По итогу получаем

font

Тип CSS свойства: 
Шрифт