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

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

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

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

Конечно, это примитивно, но это всего лишь пример.
А теперь попробуйте изменить размер шрифта вашего браузера на самый крупный. В 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). Если они не смогут менять размер шрифта текста, то они просто не смогут ничего прочитать! Так что Вам решать, что делать фиксированным размером, а что нет. Мое мнение по этому поводу следующее: все, что имеет отношение к дизайну (например, меню), надо делать шрифтом фиксированного размера, а все наполнение сайта - с возможностью изменения размера (т.е. попросту указывать размер шрифта не в пикселах).

 
Автор: Валерий Полях
 
Оригинал статьи: http://woweb.ru/publ/26-1-0-581
 
Рейтинг@Mail.ru
© Студия WEB-дизайна PM-Studio, 2005. Все права защищены.