
- •29. Оформление текста с помощью css
- •Введение
- •Обзор полиграфии Web
- •Контраст
- •Разборчивость и удобочитаемость
- •Свойства шрифта css: изменение внешнего вида текста
- •Размер шрифта и выбор единиц измерения
- •Как это делается
- •Какие единицы измерения могут применяться в свойствах текста css?
- •Какой смысл использовать так много разных типов единиц измерения?
- •Что является физическим эквивалентом пикселя рабочего стола?
- •Em, проценты, и пункты, согласно css
- •Краткое замечание об официальных Рекомендациях css 2.1
- •Ключевые слова размеров
- •Пример таблицы стилей 1
- •Новые правила
- •Выбор семейства шрифтов и гарнитуры
- •Пример таблицы стилей 2
- •Новые правила
- •Font-style, font-variant, and font-weight: изменение деталей
- •Зачем использовать свойство font-style, когда достаточно элементов em и I?
- •Пример таблицы стилей 3
- •Свойства css для текста и выравнивания: изменение композиции
- •Выравнивание и text-align
- •Применение выравнивания для текста, написанного западным алфавитом
- •Пример таблицы стилей 6
- •Новые правила
- •Изменение слежения: свойства letter-spacing и word-spacing
- •Использование единиц измерения em для лучшего контроля
- •Границы, а не подчеркивания, с помощью acronym и abbr
- •Пример таблицы стилей 10
- •Новые правила
- •Регулировка просвета (интерлиньяж) и line-height
- •Пример таблицы стилей 11
- •Новые правила
- •Вытеснение pre и br: свойство white-space
- •Заключение
- •Библиография
- •Упражнения
- •Об авторе
- •Приложение
Какой смысл использовать так много разных типов единиц измерения?
Как отмечено в таблице 29.2, существуют относительные и абсолютные единицы измерения размера. Ключевые слова обладают обеими характеристиками — абсолютные размеры относительно друг друга, но относительные для значения, не являющегося ключевым словом, от которого они наследуются.
Лучше всего следовать при их использовании следующим рекомендациям:
Абсолютные размеры (px, стандартизованные единицы, такие как pt) лучше всего использовать в компоновках, которые не изменяются в отношении свойств холста документа — так называемые "фиксированные", "статические" или "замороженные" компоновки.
Относительные размеры (em, %) должны использоваться в нестатических компоновках, и в тех ситуациях, где необходимо достичь компромисс между юзабилити сайта и контролем дизайнера над компоновкой.
Размеры, определяемые ключевыми словами (объясняемые ниже) должны использоваться, когда юзабилити перекрывает все другие рассмотрения дизайна.
Абсолютные размеры и юзабилити
Более старые версии Internet Explorer не позволяют посетителям изменять размер текста, который был задан с абсолютными размерами, а интерфейсы изменения размера текста браузеров, которые допускают такую степень контроля пользователя, обычно трудно найти. (Пользователи браузеров Opera и Firefox делают это легко, с помощью Shift + Ctrl/Cmd + plus/minus и Ctrl/Cmd + plus/minus соответственно). В связи с этими ограничениями обычно принято задавать для font-size элемента body относительное значение в единицах em, которые, как предполагается, управляются значениями браузера по умолчанию.
Что является физическим эквивалентом пикселя рабочего стола?
Наиболее точный ответ на этот вопрос состоит в том, что такой вещи не существует. Пиксели являются единицей измерения разрешения оборудования дисплея, и ничего больше. Однако…
Несмотря на тот факт, что невозможно строго определить или предсказать буквальный размер пикселя, нервозные спонсоры коммерческих проектов обычно бывают неприятно удивлены, когда обнаруживают, что дизайн их сайта принимает различный вид на клиентских хостах, которые сконфигурированы отлично от их собственного, и в связи с этим кричат на Web-дизайнера. По этой причине может быть полезно понять, как ведут себя пиксели — я даю вам средство защиты, предназначенное для тех времен, когда кто-то, для кого вы создаете Web-сайт, жалуется, что текст не выглядит совершенно одинаково на различных машинах.
Издатели программного обеспечения имеют неформальное понимание, что 96 ppi (пикселей на дюйм) является разумным размером. Поэтому 16 пикселей основного текста будет печататься размером в одну шестнадцатую дюйма, или 12 пунктов. На все более типичном 17" жидко-кристаллическом дисплее с разрешением 1280x800, такой 16-пиксельный текст будет иметь приблизительный размер на экране 13 пунктов, но на аналогичном 15" дисплее ноутбука, его размер будет 11.44 пункта.
Эти размеры будут действительны при настройках по умолчанию. Большинство рабочих сред позволяют конечному пользователю задать индивидуальные размеры ppi, поэтому будут возникать граничные случаи.
В заключение: пиксель есть пиксель, но все остальное изменчиво.