Главная страница » Интересно » Как изменить размер шрифта на сайте

Как изменить размер шрифта на сайте

Бывают такие моменты когда пользователь сайта не может рассмотреть информацию из-за меленького шрифта. Это не всегда ошибка веб-программиста, возможно в посетитель плохо видит или у него большое разрешение монитора и это приводит к понижению читаемости сайта в связи с уменьшением сайта при высоких расширениях. Как же быть в таких ситуациях спросите, для этого существует элементарное решения для веб-мастера, а именно пользовательское увеличение шрифта, то есть пользователь самостоятельно регулирует размер текста под свои нужды.

ДЕМОНСТРАЦИЯ ИСХОДНИКИ

Скрипт не является тяжелым или чем-то гениально новым, все достаточно просто, вы можете в этом сами убедится просмотрев его структуру ниже:

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 пункта.