Меняем размер шрифта на сайте
Бывают такие моменты когда пользователь сайта не может рассмотреть информацию из-за маленького шрифта. Есть множество интернет ресурсов, где заходишь и шрифт там слишком мелкий, и изо этого посещаемость его падает, хоть на нем оригинальный контент. С этим скриптом, вы сможете вывести ту ширину, которая позволить отлично видеть все знаки, или как говорят, станет читабельный в отличном прописывание. Вверх сайта в head: Код <script> 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 href="javascript:void(0);" onclick="changeFontSize('content','2');">Увеличить текст</a> <a href="javascript:void(0);" onclick="changeFontSize('content',-2);">Уменьшить текст</a> Сверху 2 ссылки - одна для уменьшения, вторая - увеличения. Базовым размером текста определили 12 px. При нажатии он увеличивается или уменьшается на 2px. Ну и оборачиваем текст: Код <p id="content" style="font-size:12px;"> Добро пожаловать на сайт!</p> Демо Источник: rudebox.org.ua Данное решение простое и не такое крутое как "Версия для слабовидящих", но и из него можно вытащить выгоду. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 5 | |
| |