Использование стандартных шрифтов для шаблонов вполне обычная тенденция, однако многим это не нравится по тем или иным причинам и сталкиваются с необходимостью изменить шрифт на более подходящий, который будет соответствовать нуждам сайта. К тому же смотрятся заголовки и разделы с индивидуальным шрифтом зачастую гораздо лучше. Существует несколько библиотек предоставляющие пользователю на выбор различные нестандартные шрифты, однако мы поговорим об одном из наиболее удобных вариантов — Google Web Fonts.
Одним из самых больших плюсов использования этой библиотеки шрифтов, пожалуй, является, довольно частое обновление базы (СНГ может спать спокойно — становиться все больше и больше шрифтов Cyrillic) и довольно полезная функция подбора стиля с индикатором, который показывает как сильно будет грузить страницу. Несомненно, значимую роль в выборе именно этой библиотеки — казуальность установки шрифтов. И так, пробежались по основам, теперь можно приступить к главному, а именно — как заменить шрифт Google Web Fonts в том или ином шаблоне. Первый шаблон, который рассмотрим — шаблоны 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
6. Теперь скопируйте шрифт из Google Web Fonts и вставляйте его в css. Так должна выглядеть страница после того, как вы изменили шрифт в меню:
И последний пункт — пользуйтесь.
