... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Оформление текста при помощи CSS. (стр.2)

 

 


Размер шрифта

В каких единицах измерения лучше задавать размеры шрифта? Стоит ли пользоваться ключевыми словами или задавать значения в конкретных единицах измерения? На эти и другие вопросы попробуем сейчас ответить. Для удобства чтения текста на странице его размер должен быть достаточным или же у пользователя должна быть возможность самостоятельно выбрать подходящий размер шрифта.

Как вы уже знаете, реальные единицы измерения (сантиметры, миллиметры, дюймы, пункты и пики) не очень хорошо подходят для Web-страниц. Таким образом, для задания размеров шрифта у нас остается три возможности: рх, em и ключевые слова.

Если дизайн страницы фиксирован, то для задания размеров текста подойдут только пиксели, поскольку только в этом случае возможен жесткий контроль за его величиной. При фиксированном дизайне, как правило, жестко задаются размеры блоков меню, заголовка документа, и даже при незначительных отклонениях размеров весь дизайн может просто развалиться.

Пусть в таблице стилей есть правило:
P {font-size:12px;}

В этом случае размер шрифта будет равен 12 пикселей на любом мониторе, но размеры самого пикселя будут зависеть от размеров и разрешения монитора. При этом пользователи браузеров Opera и Mozilla смогут увеличить размер шрифта, если он окажется для них мал. Opera был одним из первых, реализовавших такую возможность, и до сих пор является единственным браузером, который пропорционально увеличивает не только текст страницы, но и все остальные элементы, формирующие ее внешний вид, тем самым гарантируя, что пропорции страницы сохранятся и фиксированный дизайн не развалится на части. Mozilla увеличивает только текст, и, соответственно, фиксированный дизайн все равно может разрушиться, если пользователь даже незначительно увеличит размер шрифта.

Браузер Internet Explorer не позволяет увеличить размер шрифта, если он задан в фиксированных единицах. Таким образом, есть вероятность, что если пользователь, зайдя на вашу страницу, не найдет возможности увеличить слишком мелкий для него размер шрифта, он просто уйдет искать ту же информацию в другом месте. Если же материалы вашего сайта сильно заинтересуют пользователя, то он может попробовать предпринять те или иные меры самостоятельно. Например, можно скопировать содержимое страницы в текстовый редактор и там увеличить либо размер шрифта, либо масштаб отображения документа, чтобы стало комфортнее читать текст. Согласитесь, не каждый возьмет на себя такой труд, скорее он просто развернется и уйдет на другой сайт.

В таких случаях слишком большой размер текста - менее существенный недостаток, чем слишком мелкий. Можно также ориентироваться на средние показатели размеров мониторов и разрешений. Но показатели эти день ото дня меняются и, скорее, в пользу увеличения размеров мониторов и, соответственно, используемых разрешений экрана.

С одной стороны, при разработке фиксированного дизайна следует ориентироваться на минимальное разрешение 800x600, чтобы даже на самых маленьких мониторах страница просматривалась без дополнительной горизонтальной полосы прокрутки. Не будем забывать, что большинство пользователей сети пока предпочитают браузер Internet Explorer. А в отношении размера текста можно утверждать, что он должен нормально читаться и на больших разрешениях, хотя бы для разрешений 1024x768 и 1280x1024.

В относительно скором времени все большее количество нареканий по поводу безопасности браузера Internet Explorer и призывы переходить на более безопасные альтернативные браузеры могут изменить расстановку сил среди браузеров. Тем не менее, главенствующие позиции за Internet Explorer все же сохранятся еще достаточно долго. При "резиновом" дизайне точное соблюдение величин не требуется, поскольку такой дизайн создается из расчета, что он будет автоматически адаптироваться к различным мониторам и разрешениям. Главное, чтобы сохранялись пропорции при оформлении текста, заголовков и других текстовых блоков.

В этом случае для задания размеров шрифта незаменима единица em. Поскольку она вычисляется относительно базового размера, с ее помощью легко можно сохранить желаемые пропорции в тексте. Чаще всего посетители просматривают Web-страницы с отключенным масштабированием текста в окне браузера. В браузерах Opera и Mozilla при этом размер шрифта устанавливается равным 100%, а в браузере Internet Explorer он будет "средний".

 

Страница: - 1 - | - 2 - | - 3 - | - 4 - | - 5 - | - 6 - | - 7 -

 

Наверх страницы

 

Уроки CSS © 2007 - 2018 г. Все права защищены