Установка шрифта от googlefonts

Общее Общие вопросы
1

Хочу установить шрифт от googlefonts, но моя схема не работает. Залил файлы шрифтов (формата ttf, eot, woff и svg) в папку design/themes/responsive/media/fonts

В аддоне css файла прописал
@font-face {
font-family: ‘Pacifico’, cursive;
src: url(“…/media/fonts/Pacifico-Regular.eot”);
src: url(“…/media/fonts/Pacifico-Regular.woff”) format(“woff”), url(“…/media/fonts/Pacifico-Regular.ttf”) format(“truetype”), url(“…/media/fonts/Pacifico-Regular.svg”) format(“svg”);
font-style: normal;
font-weight: normal;
font-display: swap;
}

но шрифт не работает. До этого подключал по такой же схеме иконочные шрифты по видео уроку от cs-cart и все Ок. А тут шрифт для текста и не пашет

2

Зря вы спамите. Одного сообщения вполне достаточно, чтоб его увидели и тот, кто знает, вам ответил.

1 лайк
3

А зачем собственно SRC два раза записан? Вроде помню когда-то давно для IE такие фиксы делали, а сейчас это ни к чему. Отсутствует формат woff2, ну и самое главное: многоточие в путях… оно точно работает? Почему не прописать полный путь /design/themes/responsive/media/fonts?

/ корень
./ текущая категория
../ родительская категория

Чтобы не заморачиваться с font-face, намного проще сделать импорт шрифта непосредственно с googlefonts

@import url(‘https://fonts.googleapis.com/css2?family=Pacifico&display=swap’);

4

Там должно быть две точки, например

src: url('../media/fonts/IconFont.woff') format('woff');

1 лайк
5

Зайдите на сайт, откройте консоль (F12), и посмотрите, по какому пути пытается подключиться шрифт. (на вкладке сеть или консоль)