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

Разработчикам Фронтенд
1

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

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

2

Положить файл шрифта 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 - адрес символа в шрифте.

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

5 лайков
3

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

4

Парни, немного подниму старую тему. А зачем эти махинации в файле стиля CSS темы, если в самом управлении темами есть включение нужного шрифта? Или тогда не было этого?

5

бывает, что нужного как раз и нет

6

Когда нужно подключить стиль которого нет то только так :slight_smile:

7

Просто если заполнить файл Темы-Твоя Тема-css-tygh-fonts.less а потом буквально 1 строку написать в ТвояТема-styles-schema.json , то тогда и не надо куда то лазить чтобы переключать шрифты. Правильно же?

Парни, гляньте пожалуйста вот эти 3 куска css. Тут есть ошибки? Шрифт как будто не меняется, уже не знаю что делать. Накачал наподключал штук 10 шрифтов, но как будто при переключении ничего не меняется. Но если снаружи на сайте смотреть класс шрифта, то он тот, который как бы вроде и должен быть. Может быть такое, что шрифт на сайте один, а класс у него указан другой, сам шрифт другой? не как написано в family.

schema.json
“Manrope,-apple-system,Arial,sans-serif”: “Manrope”,

fonts.less
@manrope_font_default: Manrope,-apple-system,Arial,sans-serif;

.ut2-change-font-face() when (@headings_font = @manrope_font_default) {
@font-face {
font-family: “Manrope”;
font-display: swap;
src: url(‘…/media/custom_fonts/Manrope-Regular.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 400;
}

Вот только Регулар напишу. Есть где то в этом коде явная ошибка? Юнитем2

8

src: url(‘…/media/custom_fonts/Manrope-Regular.ttf’) format(‘truetype’);
в этом адресе стоит 2 точки, когда нажимаешь редактировать, их 2, а когда сохраняешь то видно 3 точки. чудеса.