Подключение шрифтов в cs cart

Здравствуйте, пытаюсь подключить шрифты на сайт, делал всеми способами
пробовал как описано в этой теме Подключение шрифта
и тут https://forum.cs-cart.com/topic/38432-подключить-свой-шрифт/

шрифты конвертил в формат делал папку my_addon и так просто кидал в папку font, делал отдельный less и перезаписывал от темы, без результата. есть актуальный способ подключения? можете пример скинуть готовой сборки с иерархией папок куда шрифт закидывается?
ну или может всетаки я что-то не так сделал? кто сможет проверить почему шрифт не заработал?

Положить файл шрифта IconFont.woff в папку design\themes\ваша тема\media\fonts\

image

В файле стиля текущей темы TOTO.less добавить

@font-face {
font-display: swap;
font-family: 'IconFont';
src: url('../media/fonts/IconFont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

В стилях нужного вам элемента установить font-family:IconFont!important; для применения шрифта.

Либо в том же TOTO.less добавить в свойство font-family шрифт IconFont перед другими шрифтами. Например, так

@body_font: IconFont,Arial,Helvetica,sans-serif;

Для иконочных шрифтов добавить в стили что-то типа

.ico_crown:before {
    content: "\f11e";
}

где ico_crown - класс, который вы назначите нужной иконке, а \f11e - адрес символа в шрифте.

Вроде всё. Путь к папке шрифтов можно менять на своё усмотрение.

4 лайка

Кратко ясно и работает, спасибо вам, добрый человек)
вопрос решен