Свойства шрифта

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

  • имя семейства шрифтов
  • имя типового шрифта
  • inherit – параметр принимает значение родительского элемента.
Пример использования: p {font-family: "Times roman", courier, serif}

11. Изменить начертание шрифта в тексте позволяет атрибут font-style, который может принимать значение:

  • normal - обычное начертание (по умолчанию)
  • italic – шрифт курсивом
  • oblique - наклонное начертание шрифта
  • inherit - параметр принимает значение родительского элемента.
Пример использования: p{font-style: italic;}

12. С помощью параметра font-variant можно определить вывдение шрифта в виде малых прописных букв. Параметр font-variant может принимать значения:

  • normal - обычное начертание (по умолчанию).
  • small-caps - шрифт в виде малых прописных букв.
  • inherit - параметр принимает значение родительского элемента.
Пример использования: p {font-variant: small-caps}

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

  • normal - обычное начертание, устанавливаемое по умолчанию.
  • bold – полужирный шрифт.
  • bolder - жирный шрифт.
  • lighter - светлый шрифт, обеспечивает легкий и простой внешний вид.
  • числовые величины в диапазоне от 100-900 указывающие толщину шрифта.
  • inherit - параметр принимает значение родительского элемента.
Пример использования: p {font-weight: bold;}

14. Толщину шрифта можно определить параметром font-stretch , который может принимать следующие значения:

  • normal - обычная ширина шрифта (по умолчанию)
  • wider- увеличение текущей ширины шрифта.
  • narrower - уменьшение текущей ширины шрифта на единицу.
  • ultra-condensed - минимальное значение ширины шрифта.
  • extra-condensed - значение большее, чем предыдущее
  • condensed - значение большее, чем предыдущее.
  • semi-condensed - значение большее, чем предыдущее.
  • semi-expanded - значение большее, чем при обычной толщине.
  • expanded - значение большее, чем предыдущее.
  • extra-expanded - значение большее, чем предыдущее.
  • ultra-expanded - максимальное значение ширины.
  • inherit - параметр принимает значение родительского элемента.
Пример использования: body{font-stretch: condensed}

15. Для задания высоты шрифта используется параметр font-size, который может принимать значения:

  • абсолютный размер может задаваться ключевыми словами: xx-small(крайне малый), small (малый), medium (средний) (по умолчанию), large (большой), x-large (очень большой), xx-large (крайне большой), или числовым стандартным значением высоты.
  • относительный размер задается использованием ключевых слов: larger (меньше), smaller (больше),
  • значение, выраженное в процентном отношении.
  • inherit - параметр принимает значение родительского элемента.
Пример использования: p{font-size: 20px}

16. каскадные таблицы стилей позволяют регулировать высоту и ширину символов текста. Это достигается использованием атрибута font-size-adjust, который может принимать следующие значения:

  • none значение по умолчанию, используются стандартные значения высоты кегля и ширины для данного шрифта.
  • любое числовое значение, определяемое соотношением высоты и ширины символов шрифта.
  • * inherit - параметр принимает значение родительского элемента.
Пример использования: p {font-size-adjust: 0.45}

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

  • font-style – начертание шрифта.
  • font-variant - вывод шрифта в виде малых прописных букв.
  • font-weight- толщина шрифта.
  • font-size – размер кегля шрифта
  • Line-height - интерлиньяж.
  • font-family – определяет семейство шрифтов.
  • inherit - параметр принимает значение родительского элемента.
Пример использования: p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed}