Шрифты для шаблонов WordPress – как заменить?

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

google web fonts picture

Одним из самых больших плюсов использования этой библиотеки шрифтов, пожалуй, является, довольно частое обновление базы (СНГ может спать спокойно — становиться все больше и больше шрифтов Cyrillic) и довольно полезная функция подбора стиля с индикатором, который показывает как сильно будет грузить страницу. Несомненно, значимую роль в выборе именно этой библиотеки — казуальность установки шрифтов. И так, пробежались по основам, теперь можно приступить к главному, а именно — как заменить шрифт Google Web Fonts в том или ином шаблоне. Первый шаблон, который рассмотрим — шаблоны osCommerce являющиеся одним из лучших решений для интернет-магазинов.

Первостепенная задача – изменить шрифт для пунктов меню в шаблоне для интернет-магазина osCommerce.

изменение шрифтов в osCommerce

1. Для того, что бы можно было найти шрифт используемый в данном пункте меню, нужно установить на Mozilla Firefox плагин Firebug

2. Далее — открыть файл содержащий ссылку на используемый в меню шрифт от Google. Он располагается в файле includes\template_top.php.
открытие файла используемого шрифта

3. Нам нужно заменить этот шрифт на тот, который был сгенерировон вами на сайте Google Web Fonts. Обязательно обращайте внимание на набор символов. В зависимости от потребности, выбрать нужный. В данном случае выбираем Cyrillic Extended, который поддерживает кириллицу.

4. Выбранный шрифт следует добавить в коллекцию (Add to Collection) и нажать на кнопку «Использовать» (Use). После проделанных действий, выберите необходимый набор символов и набором клавиш Ctrl+C скопируйте сгенерированный код. Если вы хотите использовать и исходный, и новый сгенерированный код, тогда в файле добавьте строчку с новым шрифтом, в противном случае просто замените исходный код на новый.

использование сгенерированного кода вместе с используемым

5. Нужно изменить шрифт в css. файле. В шаблоне osCommerce он называется osCommerce

изменение шрифта в файле css

6. Теперь скопируйте шрифт из Google Web Fonts и вставляйте его в css. Так должна выглядеть страница после того, как вы изменили шрифт в меню:

последний шаг

И последний пункт — пользуйтесь.

 >

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*