Портал для веб-мастера
Вход пользователей
Поиск статей
WoWeb.ru » Статьи » Веб-Дизайн

Фиксированный размер шрифта на Ваших веб-страничках

Вы когда нибудь задумывались о том, как выглядят ваши веб-странички на других компьютерах? Наверняка задумывались. Но есть один момент, который часто забывают учитывать: многие пользователи изменяют размер шрифта в установках своего браузера. И легким движением руки ваша прекрасная принцесса превращается в Квазимодо. Если Вы думаете, что я делаю из мухи слона, то давайте рассмотрим пример.

Пример.
Вы сделали прекрасный динамический сайт. Чтобы можно было менять названия разделов и добавлять новые, Вы сделали их в виде текста, помещенного в ячейки с красивым (сравнительно :) фоном. Таким образом наше меню выглядит примерно так:

Диваны Кровати Столы Шкафы Стулья

Конечно, это примитивно, но это всего лишь пример.
А теперь попробуйте изменить размер шрифта вашего браузера на самый крупный. В IE это делается командой View > Text size > Largest; а в Netscape - View > Increase Font/Decrease Font. Что мы видим? Весь дизайн развалился. Юзеры пишут Вам гневные письма, называя человека, который делал дизайн сайта, не слишком ласковыми словами.

Хотя избежать этого было бы очень просто! Задать шрифт фиксированного размера можно при помощи каскадных таблиц стилей - CSS. Вот исходный текст тестовой странички:

<html>
<head>
<title>How to set a fixed text size</title>
<style type="text/css">
<!--
.fixed {font-size:12px}
-->
</style>
</head>
<body>
<span class="fixed">This is a test.</span>
</body>
</html>

Откройте свой браузер и откройте свою тестовую страничку, а потом попробуйте менять размер шрифта из меню View (Вид). Ничего не меняется!

А все дело в том, что размер шрифта указан в пикселях (рх). В этом примере fixed - это имя класса, оно может быть любым. Вот так просто мы решили проблему, и этим самым сберегли себе нервы и внешний вид нашего многострадального дизайна.

Необходимо отметить, что далеко не весь текст вашей странички надо делать фиксированным по размеру! Есть люди (и их немало), которые используют высокие разрешения (например, 1600х1200). Если они не смогут менять размер шрифта текста, то они просто не смогут ничего прочитать! Так что Вам решать, что делать фиксированным размером, а что нет. Мое мнение по этому поводу следующее: все, что имеет отношение к дизайну (например, меню), надо делать шрифтом фиксированного размера, а все наполнение сайта - с возможностью изменения размера (т.е. попросту указывать размер шрифта не в пикселах).

Автор: Валерий Полях · Добавлена: 2002-10-18
Просмотров: 3643 · Рейтинг: 2.4

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Ведете ли вы блог?
Всего ответов: 60030
Наша кнопка
WoWeb.ru - портал для веб-мастера