Общие свойства для текста

Данные свойства позволяют контролировать отображение шрифтов на экране

пример использования:

Мы осуществляем полный спектр услуг по разработке и созданию сайтов, размещению, оказываем техническую поддержку веб сайтов.
Для увеличения целевой посещаемости сайта мы предлагаем комплекс мероприятий по рекламе вашей компании в интернет - оптимизацию и продвижение веб сайтов с учетом особенностей поисковых систем в интернет.

<style type="text/css">
   p.preview { font-family: verdana, geneva, sans-serif; font-size: larger; font-style: italic; font-weight: bold; font-variant: small-caps; }
</style>

<p class="preview">
   Мы осуществляем полный спектр услуг по разработке и созданию сайтов, размещению, оказываем техническую поддержку веб сайтов.<br />
   Для увеличения целевой посещаемости сайта мы предлагаем комплекс мероприятий по рекламе вашей компании в интернет - оптимизацию и продвижение веб сайтов с учетом особенностей поисковых систем в интернет.
</p>

параметры:

• font-family - определят особенности отбражения шрифта (можно указывать конкретную гарнитуру шрифта или указать семейство шрифтов)
  браузер сначала пытается найти указанный шрифт, и в случае неудачи, осуществляет выбор наиболее подходящего шрифта из этой группы шрифтов
  • cursive - шрифты, имитирующие рукописный текст (например freestyle script)
  • fantasy - декоративная группа шрифтов (например dauphin)
  • monospace - моноширинные шрифты (например courier)
  • sans-serif - шрифты без засечек (например verdana)
  • serif - шрифты с засечками (например times roman)
• font-size - задаёт размер отбражаемого текста, может принимать следующие значения:
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • 10px, 10pt, 10em, ...
  • 200% (относительно базового шрифта)
  • larger - размер шрифта больше базового
  • smaller - размер шрифта меньше базового
• font-style - используется в основном для отображения текста курсивом, может принимать следующие значения:
  • italic - курсив
  • normal - нормальное отображение
  • oblique - обычно тоже курсив
• font-weight - задаёт вес шрифта, или толщина линий (может принимать следующие значения:
  • normal (принимается по умолчанию)
  • bold - полужирный
  • bolder - жирнее относительно базового шрифта
  • lighter - тоньше относительно базового шрифта
• font-variant - может принимать следующие значения:
  • normal (принимается по умолчанию)
  • small-caps - строчные буквы будут отображаться как прописные буквы маленького размера

Можно использовать более короткую запись описания класса стиля:

<style type="text/css">
   p.preview { font: italic small-caps bold 15px serif; }
</style>

При использовании сжатого варианта применения стиля, для корректного отображения, следует придерживаться определённого порядка указания свойств:

font-style, font-variant, font-weight, font-size, font-family

Можно не указывать некоторые значения (обязательным в этом случае является только font-family), но взаимное расположение должно сохраняться.