Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
54
Добавлен:
16.04.2013
Размер:
468.99 Кб
Скачать

5.2.2 Задание семейства шрифта ('font-family').

Значение: [[<family-name> | <generic-family>],]*

[<family-name> | <generic-family>]

По умолчанию: определяется UA

Область приложения: все элементы

Наследование: есть

Процентное выражение: неопр.

Значение свойства представляет собой перечень гарнитур шрифтов и/или их названий в порядке приоритетности. В отличие от других свойств CSS1, здесь значения могут разделяться запятой для указания альтернатив:

BODY { font-family: gill, helvetica, sans-serif }

Имеются два типа перечней значений:

<family-name>

Названия избранных гарнитур шрифта (в последнем примере - "gill" и "helvetica").

<generic-family>

В нижеследующем примере последнее значение указывает на семейство шрифта. Определены следующие семейства:

  • 'serif' (напр. Times)

  • 'sans-serif' (напр. Helvetica)

  • 'cursive' (напр. Zapf-Chancery)

  • 'fantasy' (напр. Western)

  • 'monospace' (напр. Courier)

В таблицах стилей дизайнерам рекомендуется использовать указание семейства шрифта в качестве последней альтернативы.

Названия семейств, содержащие пробелы, должны быть в кавычках:

BODY { font-family: "new century schoolbook", serif }

<BODY STYLE="font-family: 'My own font', fantasy">

Если кавычки отсутствуют, то символы пробела перед и после назва­ния гарнитуры игнорируются и любая последовательность символов пробела внутри названия семейства преобразуется в слитное написание.

5.2.3 Задание начертания шрифта ('font-style')

Значение: normal | italic | oblique

По умолчанию: normal

Область приложения: все элементы

Наследование: да

Процентное выражение: неопр.

Свойство "начертание" ('font-style') определяет выбор между нормальным (иногда обозначается также терминами "roman" или "upright"), курсивным и наклонным начертанием шрифта.

Значение "нормальный" ('normal') принимается для шрифта, если он классифицирован как нормальный ('normal') в базе шрифтов UA, в то время как "наклонным" считается шрифт, помеченный как 'oblique'. По значению "курсив" ('italic') выбирается шрифт, обозначенный как 'italic', либо, при отсутствии такового, обозначенный как 'oblique'.

Шрифт, обозначенный как "наклонный" ('oblique') в базе шрифтов UA, может также генерироваться программным способом путем наклона линий нормального шрифта.

Шрифты, имеющие в названиях такие слова, как Oblique, Slanted или Incline, обычно обозначаются в базе данных UA как "наклонные". Шрифты, имеющие в названиях такие слова, как Italic, Cursive или Kursiv, обычно обозначаются как "курсив".

H1, H2, H3 { font-style: italic }

H1 EM { font-style: normal }

В вышеприведенном примере подчеркнутый текст, относящийся к H1, будет отрабатываться как нормальный.

5.2.4 Задание варианта шрифта ('font-variant').

Значение: normal | small-caps

По умолчанию: normal

Область приложения: все элементы

Наследование: есть

Процентное выражение: неопр.

Другой тип варьирования внутри семейства шрифтов - это "малые прописные". В таких шрифтах строчные буквы выглядят подобно заглавным, только меньше размером и с несколько иными пропорциями. Такой шрифт определяется свойством "вариант" ('font-variant' ).

Значение 'normal' определяет шрифт без малых прописных букв, 'small-caps' - с малыми прописными. Для CSS1 желательно (но не обязательно), чтобы малые прописные создавались путем замены строчных букв уменьшенными символами прописных. В крайнем случае, для замены шрифта с малыми прописными используются прописные буквы.

В нижеследующем примере в элементе H3 результатом будет шрифт в варианте "малые прописные", с подчеркнутыми наклонными малыми прописными буквами.

H3 { font-variant: small-caps }

EM { font-style: oblique }

В семействе шрифтов возможны и другие варианты, например, шрифты со старинными цифрами, малыми прописными цифрами, сжатыми или растянутыми буквами и т.п. CSS1 не предусматривает свойств для их определения.

Ядро CSS1:как для преобразования текста в написанный заглавными буквами, так и для 'text-transform' используются одинаковые соображения.(Досл.: CSS1 core: insofar as this свойство causes text to be transformed to uppercase, the same considerations as for 'text-transform' apply)