У цьому уроці показано як змінити шрифт Google web в шаблоні Prestashop.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-210abd51.png)
1. Давайте змінимо шрифт для пунктів меню. Знайдіть шрифт, який використовується для конкретного пункту меню в Вашому шаблоні за допомогою доповнення Firebug для браузера Mozilla Firefox. Інформацію про те, як використовувати Firebug ви можете знайти тут
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-41a79180.png)
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-7a758b5f.png)
3. Нам потрібно замінити цей шрифт будь-яким згенерував на сайті шрифтів Google або просто додати лінію з новим шрифтом в разі, якщо стандартний шрифт буде також використовуватися.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-03473ef4.png)
3.2. Зверніть увагу на набір символів. Виберіть шрифт, що підтримує Ваш набір символів. Ми вибрали набір Cyrillic Extended, щоб використовувати кириличні шрифти.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-955873f4.png)
3.3. Додайте шрифт в колекцію і натисніть кнопку Use (Використовувати).
3.4. Виберіть потрібний набір символів і скопіюйте згенерований код.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-3bf4b49e.png)
4. Замініть вихідний код в файлі, або просто додайте код у разі, якщо збираєтеся використовувати старий шрифт також. Змінений код Ви можете побачити на скріншоті нижче.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-743b077c.png)
5. Тепер необхідно змінити шрифт у файлі css. У нашому випадку це файл global.css. Знайдіть відповідний код в цьому файлі.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-1547cc9f.png)
6. Перейдіть на сторінку Google шрифтів і скопіюйте потрібний шрифт в файл css.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-692a171f.png)
7. Змінений код повинен виглядати, як на скріншоті нижче.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-c02a049a.png)
8. Очистіть кеш Smarty. Використовуйте наступний урок: Prestashop. Як очистити кеш Smarty
9. Оновлення сторінку щоб побачити новий шрифт меню.
![Prestashop 1 + 1 (prestashop) Prestashop 1 + 1](https://images-on-off.com/images/129-130/prestashop1-61c5be3f.png)