СВОЙСТВА FONT
Font-family
Font-size
Font-style
Font-variant
Font-weight
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 - заимствует значение свойства у родительского элемента.