Большинство бесплатных шаблонов WordPress, выложенные у меня на сайте – это мои переводы англоязычных шаблонов, написанных разными авторами, не обязательно говорящими на английском.

Много авторов из Индии, Малайзии, Китая и Гонконга, есть и европейские автора, есть, конечно, и авторы, для которых английский язык родной. Но это я так, в качестве предисловия.

Речь пойдет о применении разных шрифтов на сайтах. Очень часто авторы умудряются заложить в настройках шаблона такое мудреное количество разных шрифтов, что когда я готовлюсь к переводу и открываю шаблон на локалке – честное слово, глаза устают смотреть: основной шрифт один, для заголовков – другой, для Title – третий, для мета-тегов (имена рубрик, меток, дата, комментарии) – четвертый.

Я в первую очередь имею ввиду разные семейства шрифтов, а не размеры. Понятное дело, что для Title, H1, H2 всегда применяются разные “кегли”.

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

Если вам не нравятся ваши шрифты и вы хотите их поменять – эта статья вам будет интересна. Итак.

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

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

1. Verdana

Самый популярный шрифт, применяемый при верстке веб сайтов. Имеет хорошую читабельность и внешне выглядит посолиднее и посерьёзнее других шрифтов. Verdana 2-го размера (10) отлично подходит для написания основного текста, создавая при этом атмосферу солидности и профессионального подхода к теме. Для оформления заголовков хорошо подходит 5-й размер (18), а для подзаголовков 4-й размер (14).

2. Arial

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

3. Times New Roman

Хороший шрифт с засечками, оптимизированный для вывода текстов на экран. Очень распространённый и поэтому установлен и применяется по умолчанию во всех редакторах. Times New Roman 3-го размера хорошо подходит для веб-документов, предназначенных для последующей печати.

С этими тремя видами шрифтов у вас точно не может возникнуть никаких проблем.

И в конце – несколько слов о том, как найти настройки шрифтов в вашем шаблоне. В файле style.css есть специально описанные свойства и параметры отображения шрифтов.

Например, такие:

body {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	font-family:Tahoma,Georgia,Arial,sans-serif;
	font-size:13px;
	background:#eee url(../images/body.png)no-repeat center top  ;

	}

Для селектора BODY. который чаще всего является общим для всей страницы вашего сайта, заданы свойства выбора семейства шрифтов – font-family – и списком, через запятые, выбраны следующие шрифты:

Tahoma,Georgia,Arial,sans-serif

Почему четыре и почему через запятые? Потому, что не у каждого посетителя сайта есть, к примеру, семейство шрифтов Tahoma. В этом случае браузер, через который посетитель зашел на сайт, выберет следующий по списку шрифт – Georgia. Если и его нет, тогда Arial.

Если поменять местами семейства шрифтов, или добавить впереди новый, например, Verdana, тогда будет сначала выбран шрифт Verdana, а если его нет – следующий.

Но чаще всего в стилевых настройках основных шрифтов применяются стандартные шрифты, которые есть в каждой ОС Windows.

Если вы захотите поменять у себя шрифты – ищите в файле стилей селекторы font-family, их в файле несколько, внимательно смотрите и пробуйте менять на другие шрифты, а потом смотрите результат.

Конечно, перед редактированием этого файла его лучше сохранить как копию.

Успехов!