Касперский Интернет Секьюрити для всех устройств на 2 устройства - лицензия на 1 год

CSS Свойства шрифта.

С помощью CSS можно определить гарнитуру, стиль начертания и размер шрифта:

font-family (Гарнитура шрифта)

p {font-family: monospace}

Наиболее распространненые гарнитуры в российской части Web - это Times, Arial, Courier. Причем все они принадлежат к разным группам шрифтов. Times - это пропорциональный шрифт "с засечками" (serif), Arial - это пропорциональный шрифт "без засечек" (sans-serif), а Courier - это моноширинный шрифт (monospace). В Unix вместо Arial чаще применяется Helvetica.

При определении гарнитуры шрифта лучше всего использовать именно группы шрифтов (serif, sans-serif и monospace), хотя можно использовать и наименования самих шрифтов (например: font-family: Times New Roman, Courier New), но в этом случае нет уверенности что у посетителя сайта установлен такой шрифт и он вместо текста не увидит какую-нибудь абракадабру.

КодВывод на экран
<p style="font-family:serif">
Пропорциональный шрифт с засечками.
</p>

Пропорциональный шрифт с засечками.

<p style="font-family:sans-serif">
Пропорциональный шрифт без засечек.
</p>

Пропорциональный шрифт без засечек.

<p style="font-family:monospace">
Моноширинный шрифт.
</p>

Моноширинный шрифт.

font-style (Начертание шрифта)

p {font-style: italic}
Описание Значение
Обычный шрифт normal
Курсивный шрифт italic
Косой шрифт oblique

font-variant (Регистр шрифта)

p {font-variant: small-caps}
ОписаниеЗначение
Нормальный шрифт normal
Малые прописные буквы small-caps

font-weight (Толщина шрифта)

p {font-weight: bolder}
ОписаниеЗначение
Нормальная жирность normal
Светлее lighter
Полужирный bold
Жирнее bolder
100 - светлый
400 - нормальный
700 - полужирный
900 - жирный
100-900

font-size (Размер шрифта)

p {font-size: 12pt}
ОписаниеЗначение
Нормальный размер normal
Пункты pt
Пикселы px
Проценты %

Свойство font-size может принимать также значения, устанавливающие относительные размеры шрифта (относительно установленного по умолчанию) с шагом в 1,2 раза от предыдущего:

  • xx-small
  • x-small
  • smaller
  • small
  • medium
  • - размер по умолчанию
  • large
  • larger
  • x-large
  • xx-large

CSS - стили



© Copyright 2005 www.e-inform.ru
|