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



Долгое время не обращал внимание на размер шрифта на своем блоге пока однажды один из посетителей к статье “Как зайти на заблокированный сайт” не оставил комментарий следующего содержания: “трудно читать а смотреть невозможно, очень жаль очень хотелось прочитать“. До этого момента шрифт меня вполне устраивал, но после этого комментария подумалось: “а ведь он прав, наверное есть много людей у которых не очень хорошее зрение и им приходится напрягаться при чтении и шрифт надо менять”. Тем более сделать это не сложно. В этой статье и рассмотрим как изменить  шрифт на сайте.Для этого в панели управления заходим в редактор своей темы, где нужно отредактировать файл style.css. Здесь, как правило располагаются все параметры оформления сайта и текста в том числе. Свойства шрифта задаются с помощью тегов семейства font:


font-family -тип используемого шрифта, самые популярные
-Arial, Verbana, Times New Roman, Tahoma.
font-size -параметр отвечающий за размер шрифта
font-style -здесь можно менять стиль шрифта
обычный или курсив
font-weight -этот параметр меняет насыщенность
шрифта: нормальный, жирный, полужирный
font-variant -указывает регистр символов

Разобравшись с параметрами можно переходить к редактированию. В файле style.css нужно найти строки похожие на это:

 

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
}





 

Нужно найти все строки где есть PostContent и поменять значения на нужные нам. Во избежании неполадок не забываем о резервном копировании файла перед его редактированием.
Для большинства тем размер 12px (так же размер может быть задан в pt или em) является оптимальным, но в моей теме шрифт действительно выглядел мелковатым, поэтому исправлено на 13px, кроме этого цвет текста #3D3D3D (темно-серый) заменен на #000000 (черный) благодаря чему шрифт стал намного контрастнее, что значительно облегчает его восприятие. Таким образом таблица стилей применит одинаковое оформление для всего сайта.
Если нужно поменять шрифт отдельной страницы-  параметры font нужно использовать непосредственно к странице или отрезку текста, который необходимо выделить. Выглядеть это может например так:
<span style=”color: #ff0000; font-size: medium;”><em><strong>Здесь Ваш текст</strong></em></span>

Здесь Ваш текст

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

1 комментарий к записи “Как изменить размер шрифта”

Оставить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


2 × 9 =

Яндекс поиск