СВОЙСТВА FONT

СВОЙСТВА FONT

Font-family

Font-size

Font-style

Font-variant

Font-weight

Font-family

Можно указать несколько названий шрифтов через запятую, тогда браузер воспользуется первым шрифтом из списка, найденным на компьютере… Если в имени шрифта есть пробелы, его необходимо заключить в двойные или… p {font-family: Courier, "Courier New"}

Font-size

Свойство font-size задает размер шрифта.

Хорошей практикой считается указывать относительные размеры шрифта в процентах или em.

ПРИМЕР:

p {font-size: 1em}

h1 {font-size: 180%}

h2 {font-size: 140%}

.copyright {font-size: x-small}

Возможные значения:

- Относительный размер: larger или smaller.

- Именованный размер: один из возможных размеров: xx-small, x-small, small, medium, large, x-large или xx-large.

- Размер в процентах:

Например, h3 {font-size: 130%}.

- inherit - заимствует значение свойства font-size у родительского элемента.

- точный размер

 

Как задаются размеры (длина, ширина) в CSS

Размеры задаются в числовых значениях - отрицательных и положительных. Допустимы десятичные дроби, дробная часть пишется через знак "." (точка). Сразу после числа необходимо указать единицу измерения.

Существует множество единиц измерения:

 

- em - ширина буквы m в настоящем шрифте. Например, p {text-indent: 3em} задаст красную строку абзаца шириной в три буквы m.

- ex - высота буквы x в настоящем шрифте. Применяется аналогично em.

- px - размер в пикселах.

- in - размер в дюймах. Один дюйм = 2.54 сантиметра.

- cm - размер в сантиметрах.

- mm -размер в миллиметрах.

- pt - размер в пунктах, один пункт = 1/72 дюйма

- pc - размер в пиках. (12 пунктов).

 

Пример

body {margin: 1in}

table {padding: 1.5cm}

p {text-indent: -2pt}

img.logo {height: 12px}

p {text-indent: 3em}

blockquote {padding-bottom: 2ex}

table {border-width: 7.5pc}

 

Font-style

Свойство font-style управляет наклоном шрифта.

Пример

p {font-style: italic}

h2 {font-style: normal}

td {font-style: oblique}

 

Возможные значения:

normal - обычный прямой шрифт, без наклона.

italic - курсивный шрифт - наклонный шрифт, имитирующий рукописный.

oblique - наклонный шрифт. В большинстве браузеров отображается курсивом.

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

 

Font-variant

Управляет внешним видом строчных букв. Свойство позволяет отобразить строчные буквы как прописные уменьшенного размера. В издательском деле это называется "капителью".

КАПИТЕЛЬ - шрифт, буквы которого по начертанию прописные, а по высоте строчные. Иногда их называют малыми прописными буквами.

Возможные значения

normal - Обычный шрифт, с нормальными строчными буквами.

small-caps - написание капителью.

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

 

Пример

h2 {
font-variant: small-caps;
font-variant: italic;

}

Font-weight

Свойство font-weight позволяет задать толщину (насыщенность) шрифта.

Пример

body {font-weight: bold}

p {font-weight: normal}

 

Возможные значения:

Normal - шрифт стандартной толщины (насыщенности)

Bold - стандартный полужирный шрифт

относительный размер - bolder или lighter.

Точный размер - задается в диапазоне от 100 до 900 с шагом 100. Стандартное значение normal соответствует 400, bold - 700.

Inherit - заимствует значение свойства у родительского элемента.

Line-height

Возможные значения: - normal - значение по умолчанию. Высота межстрочного интервала зависит от… - число-множитель - любое положительное число, отличное от нуля, браузером воспринимается как значение, на которое…