Большинство бесплатных шаблонов 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. который чаще всего является общим для всей страницы вашего сайта, заданы свойства выбора семейства шрифтов – font-family – и списком, через запятые, выбраны следующие шрифты:
Tahoma,Georgia,Arial,sans-serif
Почему четыре и почему через запятые? Потому, что не у каждого посетителя сайта есть, к примеру, семейство шрифтов Tahoma. В этом случае браузер, через который посетитель зашел на сайт, выберет следующий по списку шрифт – Georgia. Если и его нет, тогда Arial.
Если поменять местами семейства шрифтов, или добавить впереди новый, например, Verdana, тогда будет сначала выбран шрифт Verdana, а если его нет – следующий.
Но чаще всего в стилевых настройках основных шрифтов применяются стандартные шрифты, которые есть в каждой ОС Windows.
Если вы захотите поменять у себя шрифты – ищите в файле стилей селекторы font-family, их в файле несколько, внимательно смотрите и пробуйте менять на другие шрифты, а потом смотрите результат.
Конечно, перед редактированием этого файла его лучше сохранить как копию.
Успехов!
Понравилась статья? Поделись с друзьями!
Много авторов из Индии, Малайзии, Китая и Гонконга, есть и европейские автора, есть, конечно, и авторы, для которых английский язык родной. Но это я так, в качестве предисловия.
Речь пойдет о применении разных шрифтов на сайтах. Очень часто авторы умудряются заложить в настройках шаблона такое мудреное количество разных шрифтов, что когда я готовлюсь к переводу и открываю шаблон на локалке – честное слово, глаза устают смотреть: основной шрифт один, для заголовков – другой, для 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 есть специально описанные свойства и параметры отображения шрифтов.
Например, такие:
1 | body { |
2 | margin:0 auto; |
3 | padding:0px 0px 0px 0px; |
4 | font-family:Tahoma,Georgia,Arial,sans-serif; |
5 | font-size:13px; |
6 | background:#eee url(../images/body.png)no-repeat center top ; |
7 |
8 | } |
Tahoma,Georgia,Arial,sans-serif
Почему четыре и почему через запятые? Потому, что не у каждого посетителя сайта есть, к примеру, семейство шрифтов Tahoma. В этом случае браузер, через который посетитель зашел на сайт, выберет следующий по списку шрифт – Georgia. Если и его нет, тогда Arial.
Если поменять местами семейства шрифтов, или добавить впереди новый, например, Verdana, тогда будет сначала выбран шрифт Verdana, а если его нет – следующий.
Но чаще всего в стилевых настройках основных шрифтов применяются стандартные шрифты, которые есть в каждой ОС Windows.
Если вы захотите поменять у себя шрифты – ищите в файле стилей селекторы font-family, их в файле несколько, внимательно смотрите и пробуйте менять на другие шрифты, а потом смотрите результат.
Конечно, перед редактированием этого файла его лучше сохранить как копию.
Успехов!
Понравилась статья? Поделись с друзьями!
C этим Шаблоном WordPress смотрят еще:
Не работает визуальный редактор в админке
Произвольное поле в плагине Featured-Content-Gallery
Вывод изображений: не ошибитесь
Работаем с базой данных
Личный опыт раскрутки новой рубрики. Продолжение.
Рубрика: Шпаргалки
Один комментарий пока.