Здравствуйте, пытаюсь подключить шрифты на сайт, делал всеми способами
пробовал как описано в этой теме Подключение шрифта
и тут https://forum.cs-cart.com/topic/38432-подключить-свой-шрифт/
шрифты конвертил в формат делал папку my_addon и так просто кидал в папку font, делал отдельный less и перезаписывал от темы, без результата. есть актуальный способ подключения? можете пример скинуть готовой сборки с иерархией папок куда шрифт закидывается?
ну или может всетаки я что-то не так сделал? кто сможет проверить почему шрифт не заработал?
Положить файл шрифта IconFont.woff в папку design\themes\ваша тема\media\fonts\
В файле стиля текущей темы 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 лайка
Кратко ясно и работает, спасибо вам, добрый человек)
вопрос решен