Свойство font-family задаёт гарнитуру шрифта. Здесь под термином гарнитура будем понимать объединение одинаковых по характеру рисунка шрифтов. Существует несколько гарнитур:
В качестве значения свойства font-family указывается как название шрифта, так и название гарнитуры в целом. Наиболее приемлемым указанием значения является следующего вида запись:
p {
font-family: Courier New, monospace;
}
Если к абзацу применить такого вида таблицу стилей, шрифт текста в абзаце будет Courier New, если же на компьютере посетителя веб-страницы такого шрифта не окажется, вместо него будет использован любой шрифт семейства monospace, имеющийся на компьютере этого пользователя.
Это свойство задаёт стиль шрифта. Допускается использовать несколько значений:
С помощью данного свойства можно задавать вариант написания букв из двух возможных:
Пример использования:
h1, h2, h3, h4, h5, h6 {
font-variant: small-caps;
}
Теперь на странице, к которой будет подключена такая таблица стилей, все заголовки будут написаны малыми прописными буквами.
При помощи свойства font-weight задаётся толщина букв в шрифте. Может иметь 9 значений: 100, 200, 300, 400, 500, 600, 700, 800, 900. Также значение может быть задано в виде следующих ключевых слов: normal (нормальный), bold (полужирный), bolder (более жирный по отношению к базовому) и lighter (менее жирный по отношению к базовому). Базовые шрифты - унаследованные от элемента-предка. Числовой эквивалент значения normal - 400, bold - 700. Пример использования:
p{
font-weight: 700;
}
p var {
font-style: normal;
font-weight: lighter;
}