Стили шрифтов hTML

   Изменение шрифта текста при помощи HTML мы рассматривали ранее. Теперь разберемся, какие есть стили шрифтов и как ими пользоваться.
<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
  • Читайте также Готовые стили шрифтов

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *