|
С помощью 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
| 