Изменение шрифта текста при помощи HTML мы рассматривали ранее. Теперь разберемся, какие есть стили шрифтов и как ими пользоваться.
<span style="font-family:Georgia; font-weight: lighter; font-style:oblique; font-variant:normal; color:red">Стиль шрифта</span>, где
<span style="font-family:Georgia; font-weight: lighter; font-style:oblique; font-variant:normal; color:red">Стиль шрифта</span>, где
- color - цвет,
- font-family - вид шрифта, можно определять несколько значений, в порядке предпочтения, разделяются запятой. Отображается первый шрифт. Если он не поддерживается, тогда используется следующий.
- font-size - размер шрифта. Измеряется как в пикселях, так и в процентах.
- font-weight - Насыщенность шрифта. Может определятся, как lighter, normal, bold, bolder или в диапазоне от 100 до 900, но не все числовые значения распознаются браузерами.
- font-style - стиль шрифта. Виды: normal, italic, oblique.
- font-variant - вариант шрифта: normal или small-caps;
- letter-spacing:3px - интервал между буквами в пикселях;
- word-spacing:7px - интервал между словами;
- line-height - высота интервала между строчками. Значение в пикселях.
- text-align - выравнивание текста. Виды: center (центрирование), right (по правому краю), left (по левому краю), justify (по ширине).
- text-decoration - дополнительное оформление текста. Значения: none, line-through, overline, underline, blink (мерцающий текст).
- text-transform - прописные или строчные буквы. Значения: none, capitalize, lowercase, uppercase
- vertical-align - выравнивание текста по вертикали. Значения: bottom, top, baseline, middle, sub, super, text-bottom, text-top
Читайте также Готовые стили шрифтов