Но если
все-таки нужна стопроцентная гарантия доступности, то для основного текста
лучше всего оставить шрифт по умолчанию.
Произвольные шрифты без опаски можно применять лишь в надписях,
реализованных в виде графики. Для акцидентных целей это вполне допустимо, но в
любом случае следует обязательно снабжать изображения alt-текстом,
соответствующим их содержанию.
Определение кегля шрифта
Изменить размер шрифта можно, воспользовавшись свойством font-size.
Один из способов — указание «абсолютного» размера (абсолютного в
терминологии, фигурирующей в рекомендациях W3C; на самом же деле речь идет
о задании размера относительно базового кегля, установленного в настройках
браузера) с помощью одного из ключевых слов, перечисленных в табл. 3.2.
Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 151
Таблица 3.2. Ключевые слова для задания «абсолютного» размера шрифта
и масштабные коэффициенты в соответствии с различными версиями CSS
Ключевое слово
хх-small
x-small
small
medium
large
x-large
xx-large
Масштабные коэффициенты
CSS1
1/1,53*0,3
1 /1,52 = 0,44
1/1,5 = 0,67
1
1,5
1,52 = 2,25
1,53 = 3,375
CSS2
1/1,23 = 0,58
1 /1,22 = 0,69
1 /1,2 = 0,83
1
1,2
1,22 = 1,44
1,23= 1,728
CSS2.1 и выше
3/5
3/4
8/9
1 |
6/5
3/2
2 |
Другой способ— использование в качестве значений свойства font-size
ключевых слов larger и smaller для определения относительного размера
шрифта (относительно кегля шрифта родительского элемента). Значение
larger увеличивает размер шрифта на одну «ступень» (с учетом тех самых
масштабных коэффициентов, которые приведены в табл. 3.2), a smaller —
уменьшает.
Разнобой в коэффициентах еще тот… Распространенные ныне браузеры пока
что трактуют перечисленные значения по своему собственному разумению.
Поэтому надежнее всего определять кегль шрифта в процентах (от размера
шрифта родительского элемента) или линейных единицах измерения,
определенных в CSS.
Относительные единицы измерения em и ех в данном случае применяются к
кеглю шрифта родительского элемента.
Возможные примеры использования свойства font-size:
hi {font-size: xx-large}
h2 {font-size: 1.3em}
P {font-size: 80%}
Следует избегать определения размеров шрифта основного текста страницы в
абсолютных линейных единицах измерения и в пикселах, если речь идет о
представлении контента на экране.
Это затрудняет ознакомление с содержимым страницы людям с ослабленным
зрением (да и вполне здоровым тоже, поскольку чтение с экрана намного
менее комфортно, чем с листа бумаги).
152
Часть L Технологические основы
Пользователям необходимо предоставить возможность свободно варьировать
кегль шрифта средствами интерфейса браузера. Не все браузеры, однако,
позволяют масштабировать шрифт в том случае, если его размер определен
в пикселах (рх) или абсолютных линейных единицах измерения, таких как
пункты (pt).
Изменение начертания шрифта
При помощи свойства font-style можно варьировать начертание шрифта по
характеру наклона. Так, значение italic этого свойства определяет
курсивное начертание (курсивный шрифт в книгопечатании впервые использовал
итальянский типограф Альд Мануций в 1501 г.— отсюда английское
название данного начертания), а значение oblique — наклонное.
Управлять насыщенностью шрифта позволяет свойство font-weight. Помимо
значения по умолчанию, normal, соответствующего нормальной
насыщенности, ВОЗМОЖНЫе Значения ЭТОГО СВОЙСТВа таковы: bold, bolder, lighter, 100,
200, 300, 400, 500, 600, 700, 800, 900.
Значение bold определяет полужирное начертание. Ему соответствует
числовое значение 700. Ключевое слово normal, в свою очередь, обозначает то же
самое, что и число 400.
Значения bolder и lighter предписывают задать элементу, для которого
определено одно из них, более жирное и, соответственно, более светлое
начертание, нежели у родительского элемента.
Разумеется, далеко не все гарнитуры имеют по 9 начертаний с различной
насыщенностью.
|
5th Фев 2011
|
Теги:
|