| font-family | Используется для указания шрифта или
шрифтового семейства, которым будет отображаться элемент. P {font-family: Times New Roman, sans-serif;} |
| font-style | Задает способ начертания шрифта: normal - Нормальный (по умолчанию), italic - Курсив, oblique - Наклонный. P {font-style: italic;} |
| font-variant | Задает варианты начертания шрифта: normal - Нормальный (по умолчанию), small-caps - Все буквы заглавные). P {font-variant: small-caps;} |
| font-weight | Определяет степень жирности шрифта с помощью параметров: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 B {font-weight: bolder;} |
| font-size | Устанавливает размер шрифта. Параметр может
указываться как в относительной (проценты), так и абсолютной величине (пункты, пикселы, сантиметры) H1 {font-size: 200%;} H2 {font-size: 150px;} H3 {font-size: 400pt;} |
предположить, как страница будет выглядеть на экране пользователя. В том, случае, когда в правилах указано несколько семейств, браузер будет последовательно перебирать все перечисленные, пока не найдет того, которое присутствует на машине клиента. Браузер при запуске сам распределяет имеющиеся семейства для подстановки вместо стандартных.
отображен нормальным шрифом.
font-size - В абсолютных размерах можно использовать некоторые предопределенные значения: xx-small | x-small | small | medium | large | x-large | xx-large. При использовании относительных размеров задаются размеры шрифта относительно родительского элемента. Возможные значения: larger, smaller. И наконец, можно использовать точные значения - Задаются размеры шрифта в единицах длины, допускаемых в рекомендациях W3C. Это: px - логические пиксели, pt - логические пункты, em - единицы размера шрифта. em подразумевает, что размер шрифта устанавливается относительно размера шрифта в родительском элементе. 1em равно размеру шрифта родительского элемента. Либо используются проценты - Задаются размеры шрифта в процентах по отношению к родительскому элементу
<STYLE type="text/css">
B {font-weight: bolder;}
.b {font-weight: bold;}
.size {font-size: 200%;}
</STYLE>
<b style=font-style:italic>Курсивный шрифт</b><br>
<b style=font-variant:small-caps>все буквы заглавные</b><br>
<b>Жирный шрифт bolder</b><br>
<b class="b">Жирный шрифт bold</b><br>
<b class="size">Жирный шрифт на 200 %</b>
| |||||||||||||||||||