Шрифт (font)

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

Свойства:

font-family - определяет тип шрифта.

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

Пример:

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size - определяет размер шрифта.

Устанавливается любыми величинами имеющимися в CSS.

Пример:

font-size: 12px;  //  Размер шрифта 12 пикселей

font-style - определяет стиль шрифта.

Примеры:

font-style: normal;  //  Обычный

font-style: oblique;  //  Наклонный шрифт

font-style: italic;  //  Курсивный шрифт

Вы подумаете наклонный и курсивный шрифт - это одно и то же?

- Нет, можете проверить сами.

Значение по умолчанию - normal

font-weight - определяет жирность шрифта.

Устанавливается целыми числами от 100 до 900 (шаг 100), или стандартными словами.

примеры:

font-weight: bold;  //  Жирный

font-weight: bolder;  //  Полужирный

font-weight: lighter;  //  Светлый

font-weight: normal;  //  Обычный

Значение по умолчанию - normal

font-variant - может сделать заглавные буквы размером в строчные.

Пример:

font-variant: small-caps;  //  Заглавные буквы размером в строчные