Как изменить размер шрифта на сайте
Бывают такие моменты когда пользователь сайта не может рассмотреть информацию из-за меленького шрифта. Это не всегда ошибка веб-программиста, возможно в посетитель плохо видит или у него большое разрешение монитора и это приводит к понижению читаемости сайта в связи с уменьшением сайта при высоких расширениях. Как же быть в таких ситуациях спросите, для этого существует элементарное решения для веб-мастера, а именно пользовательское увеличение шрифта, то есть пользователь самостоятельно регулирует размер текста под свои нужды.
Скрипт не является тяжелым или чем-то гениально новым, все достаточно просто, вы можете в этом сами убедится просмотрев его структуру ниже:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script type="text/javascript">// <![CDATA[ function changeFontSize(element,step) { step = parseInt(step,10); var el = document.getElementById(element); var curFont = parseInt(el.style.fontSize,10); el.style.fontSize = (curFont+step) + 'px'; } // ]]></script> <a onclick="changeFontSize('content','2');" href="javascript:void(0);">Increase font</a> <a onclick="changeFontSize('content',-2);" href="javascript:void(0);">Decrease font</a> Добро пожаловать на сайт rudebox.org.ua! |
Такая простая функция в начале странички делает всю работу. Сверху документа мы поместили 2 ссылки — одна для уменьшения, вторая — увеличения. Базовым размером текста мы определили 12 размер. При нажатии он увеличивается или уменьшается на 2 пункта.
Читайте также:
Опубликовал Cooper 09.02.2012 в 22:58, в категории Интересно. Вы можете следить за комментариями через RSS 2.0. Вы можете перейти в конец записи и оставить комментарий. Пинги запрещены. |