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

Изменим шрифт у блока «Товара»

Узнаем имя кода элемента «Названия товара»:

• Кликаем ПКМ по нужному шрифту
• Жмём «Просмотреть код элемента»
• В открывшимся окне видим имя блока (3,4)

После того как мы узнали имя блока, нам нужно найти его в менеджер-панели:

Код (4) находится на странице стилей css в файле style.css (подчёркнут красным), нажимаем на style.css - открывается окошко кода:

Копируем подчёркнутую строку.

Идём в менеджер-панель > настройки > дизайн ваш-сайт.ру > css > style.css:

Открываем окошко поиска (F3) Вставляем скопированную строку кода (если через поиск не находит, то удалите ту часть текста, которая находится в { }, вместе с { } )

Вот такими не хитрыми действиями нужный код найден:

• Font-size: размер шрифта;
• Font-weight: насыщенность шрифта;
• Font-family: семейство, стиль шрифта;
• Font-variant: small-caps; - буквы нижнего регистра отображаются как уменьшенные заглавные.

Подробное описание параметров Font - ссылка

Сохраняем

Вот и всё :), таким образом меняем шрифты для любого текста на сайте.