cвойства шрифта

font-weight

Задает жирность шрифта.

Может иметь начение:

   normal - обычное начертание (по умолчанию).
   bold - полужирное начертание.
Полужирное начертание выделяет текст. Линии становятся толще, а сам текст немного шире, чем при обычном начертании.
   bolder - жирный шрифт.
   lighter - светлый шрифт. Тонкие, светлые начертания шрифтов производят менее сильное впечатление, чем обычные или полужирные, но они незаменимы, когда требуется легкий и простой внешний вид.
   100-900 - число, указывающее толщину шрифта.
100 соответствует самой светлой толщине (lighter),
400-normal,
700- bold,
900- bolder.

    p {font-weight: bold;}

Примеры: [1]

font-stretch

Определяет толщину шрифта.

Может иметь начение:

   normal - обычная ширина (по умолчанию)
   wider- увеличение текущей ширины.
   narrower - уменьшает текущую ширину на единицу.
   ultra-condensed - наименьшее значение ширины.
   extra-condensed - значение большее, чем предыдущее
   condensed - значение большее, чем предыдущее.
   semi-condensed - значение большее, чем предыдущее.
   semi-expanded - значение большее, чем при обычной толщине.
   expanded - значение большее, чем предыдущее.
   extra-expanded - значение большее, чем предыдущее.
   ultra-expanded - максимальное значение ширины.

   body{ font-stretch: condensed }

font-size

Определяет кегель (высоту символов) шрифта.

Может иметь начение:

  обсолютный размер - для выражения кегля шрифта используется ключевые слова:
xx-small(крайне малый),
small (малый),
medium (средний) (по умолчанию),
large (большой),
x-large (очень большое),
xx-large (крайне большое).
   относительный размер - для выражение кегля шрифта используется ключевые слова:
larger (меньше),
smaller (больше),
   высота - любое значение соответствующая стандарту (абсолютный размер шрифта). Отрицательное значение не допускается.
   процентное любое значение соответствующее стандарту.

   p{font-size: 20px}

Примеры: [1]

font-size-adjust  

Определяет соотношение ширины и высоты символов, которые поддерживается при установке кегля шрифта. Это дает пользователю регулировать изменения высоты текста.

Может иметь начение:

   none - по умолчанию.
   число - любое соответствующее стандартам значение, представляющее соотношение высоты и ширины символов.

   p {font-size-adjust: 0.45}

Примеры: [1]

font

Удобное свойство для установки сразу всех параметров шрифта. Если какие-то значение пропущены, то берется их значение по умолчанию.

Может иметь начение:

   font-style - начертание.
   font-variant - значение, определяющее вывод шрифта в виде малых печатных букв.
   font-weight - толщина.
   font-size - кегль.
   line-height - интерлиньяж.
   font-family - семейство шрифтов.

   p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }

Примеры: [1]

Внедрения индивидуальных шрифтов.

До появления Internet Explorer 4.0 Web-мастер должен были использовать встроенные шрифты в браузер или использовать шрифты, доступные в системе. CSS представляет WEB-мастеру возможность указания отображаемых шрифтов, которые загружаются вмести с Web-страницей, что гарантирует правильную обработку страницы. Загружаемый шрифт определяется с помощью новых элементов в синтаксис CSS. Ниже приведен синтаксис для определения загружаемого шрифта в CSS:

@font-face {font-family: fontName; src: url(failMame.eot) }

значение fontName, на которое впоследствии ссылается свойство CSS font-family, определяется пользователем. Ниже приведен полный пример:

   <style>
   @font-face{ font-family: demoFont; src: url(http://narod.ru/CSS/superFont.html)}
   H1 {font-family: demoFont, Arial, sans-serif;}
   </style>
   <h1> Текст отображается с использованием загружаемого шрифта </h1>

после определения нового шрифта его имя может быть использовано как действительное для свойства font-family. Свойство font-family может быть связано с равным списком шрифтов, так что если первый в списке шрифт не может быть загружен, то браузер попытается загрузить следующий шрифт или семейство шрифтов. В данном примере последним определенным шрифтом является sans-serif, что позволяет браузеру использовать любой шрифт семейства sans-serif для воспроизведения элемента.