Оформление веб-страниц с использованием каскадных листов стилей 149
Не все алфавитно-цифровые шрифты пригодны для набора больших объемов
текста. Поэтому помимо наборных, специально выделяют еще и акцидентные
гарнитуры и начертания, уместные только для разнообразных выделений,
оформления заголовков и т. д.
Наш сверхкраткий экскурс в классификацию и строение шрифта лишь слегка
приоткрыл дверцу в этот сложный и неоднозначный мир. К сожалению, у нас
нет никакой возможности обсуждать столь необходимые аспекты, как
история шрифта, классификация антиквенных и рубленых гарнитур, подбор и
сочетаемость шрифтов… Тем не менее хотелось бы надеяться, что такое вот
введение поможет пониманию смысла многих CSS-свойств, относящихся к
форматированию текста.
Задание гарнитуры шрифта
Для того чтобы определить шрифт, которым следует набрать текст того или
иного элемента, используется свойство font-family, например:
hi, h2 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif}
Данное правило предписывает применить к заголовкам первого и второго
уровня одну из следующих рубленых гарнитур: Tahoma, Verdana, Arial или
Helvetica. Они перечислены в порядке приоритета: наиболее
предпочтительной является первая, наименее предпочтительной— последняя гарнитура.
В самом крайнем случае, если в системе не найдена ни одна из
перечисленных гарнитур, правило предписывает использовать шрифт по умолчанию,
относящийся к обобщенному классу шрифтов без засечек, заданному
ключевым СЛОВОМ sans-serif.
Вот еще один пример:
р {font-family: Georgia, «Times New Roman», Times, serif}
Данное правило предписывает использовать для набора абзацев одну из
следующих антиквенных гарнитур: Georgia, Times New Roman (названия,
состоящие из нескольких слов, рекомендуется заключать в кавычки) или Times.
В случае, если ничего из перечисленного применить невозможно, будет
использован шрифт по умолчанию, относящийся к обобщенному классу
шрифтов с засечками, определенный ключевым словом serif.
С Примечание ^
Для набора основного текста целесообразно использовать антикву — засечки
способствуют более удобному и быстрому чтению, заставляя взгляд
«скользить» по строке. В то же время, из-за сложности форм знаков и сравнительно
низкого разрешения экрана (по сравнению, скажем, с принтером) антиква в
мелких кеглях отображается на экране весьма и весьма приблизительно.
150
Часть I. Технологические основы
Для заголовков, напротив, лучше использовать рубленые шрифты. Они,
обладая достаточно простыми геометрическими формами, органичнее вписываются
в композицию при больших кеглях (основной же текст рассматривается скорее
не как совокупность отдельных форм, а как текстура). К тому же, крупные
рубленые шрифты весьма удобочитаемы и заметны.
Впрочем, чаще всего для заголовков и основного текста используют один и тот
же шрифт. Так или иначе, однако, вряд ли стоит играть в борьбу со
стереотипами, пытаясь использовать рубленый шрифт для основного текста и при этом
заголовки набирать антиквой.
Если требуется набрать какой-то фрагмент текста (к примеру, листинг
программы) моноширинным шрифтом, можно использовать такое объявление
стиля:
monospace»>…
В данном случае названия гарнитур, содержащие пробелы, заключены в
одинарные кавычки, поскольку двойными обрамлено значение атрибута style.
Ключевое слово monospace определяет обобщенный класс моноширинных
шрифтов «на крайний случай».
( Примечание ^
К сожалению, существует ряд технических ограничений, не дающих
возможности в полной мере воспользоваться свободой выбора шрифтов для
вебстраницы.
Вполне возможны случаи, когда в системе пользователя не будет ни одной из
предпочтительных гарнитур, и тогда браузеру придется использовать шрифт по
умолчанию. Но гораздо хуже ситуации, когда нужный шрифт имеется на
машине клиента, но не обладает кириллической версией.
Это не означает, что свойством font-family нельзя пользоваться — но не
следует определять с его помощью слишком экзотические гарнитуры.
|
5th Фев 2011
|
Теги:
|