Власть народу - относительные размеры шрифтов

Власть народу - относительные размеры шрифтов
Bojan
Mihelac
Относительные размеры шрифтов делают сайты более удобными для чтения - но польза от этого не велика, если посетители сайта не знают, как
реально изменять размеры текста. В Internet
Explorer , наиболее распространенном на данный момент браузере, эта возможность спрятана в одном из меню второго уровня, из-за
чего изменение размера текста становится чересчур сложной задачей для
многих пользователей. Эта задача намного упростится, если на страницах сайта присутствуют кнопки, позволяющие быстро изменить размер шрифта.
К сожалению, в большинстве вариантов таких кнопок игнорируются установки пользователя. В данной статье мы приводим решение, которое позволят менять размера текста, и при этом не вступает в противоречие с настройками пользователя.
CSS
В качестве первого шага создадим CSS -файл с основными стилями, в котором будут
использоваться относительные размеры шрифтов в сочетании с размером шрифта, установленном на машине пользователя по-умолчанию. Для этого размеры мы будем задавать в процентах или в em -ах.
/* размер шрифта по-умолчанию */
@ import url ( small . css );
/* Совместимые с Netscape 4 размеры шрифтов
*/
body, div, p, th, td, li, dd
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
h1
font-size: 130%;
font-weight: bold;
h2
font-size: 110%;
font - weight : bold ;
Теперь создадим пять альтернативных стилей, где используются определенные в спецификации CSS абсолютные размеры: "
xx - small ", "
x - small ", "
small ", " medium ", и "
large ". В любом браузере коэффициент масштабирования