css-font

  • 08.07.2026
  • admin
  • 1минут читать

<font>

CSS CSS1
Значение по умолчанию Зависит от используемых аргументов
Наследуется Да
Применяется Ко всем элементам
Аналог HTML <I>, <B>, <FONT>
Ссылка на спецификацию https://www.w3.org/TR/CSS21/fonts.php#propdef-font

Описание

Параметр позволяет установить одновременно несколько атрибутов стиля шрифта. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.

Синтаксис

font: font-style || font-variant || font-weight || font-size || line-height || font-family

Аргументы

Любые комбинации значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.

Пример

Валидный CSS
Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>font</title>
<style type="text/css">
.layer1 {
 font: 12pt sans-serif;
}

H1 {
 font: 200% serif;
}
</style>
</head>
<body>

<div class="layer1">
<h1>Duis te feugifacilisi</h1>
Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.
</div>

</body>
</html>

Объектная модель

[window.]document.getElementById("elementID").style.font

Шрифт

  • font позволяет установить одновременно несколько атрибутов стиля шрифта. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.
  • font-family устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой.
  • font-size определяет размер шрифта элемента, который может быть установлен несколькими способами.
  • font-style определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.
  • font-variant определяет, как нужно представлять строчные буквы — делать их все прописными уменьшенного размера или оставить без изменений. Такой способ изменения символов называется капителью.
  • font-weight устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Также допустимо использование ключевых слов.