Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Свойства CSS. Шрифт


Font-family

Свойство font-family задаёт гарнитуру шрифта. Здесь под термином гарнитура будем понимать объединение одинаковых по характеру рисунка шрифтов. Существует несколько гарнитур:

В качестве значения свойства font-family указывается как название шрифта, так и название гарнитуры в целом. Наиболее приемлемым указанием значения является следующего вида запись:

p {
font-family:Courier New, monospace;
}

Если к абзацу применить такого вида таблицу стилей, шрифт текста в абзаце будет Courier New, если же на компьютере посетителя веб-страницы такого шрифта не окажется, вместо него будет использован любой шрифт семейства monospace, имеющийся на компьютере этого пользователя.


Font-style

Это свойство задаёт стиль шрифта. Допускается использовать несколько значений:


Font-variant

С помощью данного свойства можно задавать вариант написания букв из двух возможных:

  1. normal - нормальный, используется по умолчанию;
  2. small-caps - малые прописные буквы.

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

h1, h2, h3, h4, h5, h6 {
font-variant:small-caps;
}

Теперь на странице, к которой будет подключена такая таблица стилей, все заголовки будут написаны малыми прописными буквами.


Font-weight

При помощи свойства 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;
}


Font-size

Свойство font-size позволяет задавать размер шрифта. Сделать это можно несколькими способами.


Сокращённая запись свойства font

Свойство font можно задать в краткой форме, например запись вида:

p {
font-family:Arial, sans-serif;
font-variant:small-caps;
font-size:14pt;
}

Можно записать так:

p {
font:italic, small-caps 14pt Arial, sans-serif;
}

В сокращённой записи свойства font обязательно должен быть выполнен следующий порядок:


<<Предыдущая | В раздел | Следующая>>