Статические Web технологии. CSS свойства шрифта

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

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

· имя типового шрифта, применяемого для вывода текста. Типовыми могут быть следующие шрифты: serif, sans-serif, fantasy и monospce.

· inherit - применяется значение родительского элемента.

p {font-family: "Times roman", courier, serif}

font-style: Определяет начертания шрифта, такие как курсив или наклонное.Значение:

· normal - обычное начертание (по умолчанию).

· italic - курсив.

· oblique - наклонное начертание.

· inherit - применяется значение родительского элемента.

p{font-style: italic; }

font-weight: Определяет толщину выводимого шрифта. Значение:

normal - обычное начертание (по умолчанию). bold - полужирное начертание. Полужирное начертание выделяет текст. bolder - жирный шрифт. lighter - светлый шрифт.

p {font-weight: bold;}

font-stretch: Определяет толщину шрифта.Значение:

normal - обычная ширина (по умолчанию), wider- увеличение текущей ширины, narrower - уменьшает текущую ширину на единицу, ultra-condensed - наименьшее значение ширины.

ultra-expanded - максимальное значение ширины. body{ font-stretch: condensed }

font-size: Определяет кегель (высоту символов) шрифта. Значение:

· абсолютный размер: xx-small(крайне малый), small (малый), medium (средний) (по умолчанию), large (большой), x-large (очень большое), xx-large (крайне большое).

· относительный размер:(меньше), smaller (больше),

· любое соответствующая стандарту высота - абсолютный размер шрифта.

· любое соответствующее стандарту процентное значение.

p{font-size: 20px}

font: Удобное свойство для установки сразу всех параметров шрифта. Значение:

font-style - начертание. font-variant - значение, определяющее вывод шрифта в виде малых прописных букв. font-weight- толщина. font-size - кегль. font-family - семейство шрифтов.

inherit - применяется значение родительского элемента.

p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }