Как добавить новый шрифт в магазине на платформе Shopify?

Как изменить ссылки на шрифты в коде вашего веб-сайта на Shopify для того, чтобы они корректно подтягивались из папки assets в theme.liquid?
  • 20 августа 2024 г. 23:43
Ответы на вопрос 2
Для добавления нового шрифта в магазине на платформе Shopify, вам необходимо выполнить следующие шаги:

1. Войдите в панель администратора вашего магазина Shopify и перейдите в раздел "Настройки" -> "Темы" -> "Действия" -> "Редактировать код".

2. В открывшемся редакторе кода найдите файл "theme.liquid" в папке "Layout" и откройте его.

3. Скачайте необходимый шрифт в формате .woff или .woff2 и загрузите его в папку "assets" вашей темы.

4. Добавьте следующий код в ваш файл "theme.liquid", чтобы подключить новый шрифт:

```liquid
{{ 'название_вашего_шрифта.woff' | asset_url | stylesheet_tag }}
```

5. Замените 'название_вашего_шрифта.woff' на имя файла вашего загруженного шрифта.

6. Сохраните изменения и обновите страницу вашего магазина, чтобы убедиться, что новый шрифт успешно добавлен.

Чтобы изменить ссылки на шрифты в коде вашего веб-сайта на Shopify, чтобы они корректно подтягивались из папки assets в theme.liquid, выполните следующие действия:

1. Найдите необходимый код в вашем файле theme.liquid, который подключает шрифты. Обычно это выглядит примерно так:

```css
@font-face {
  font-family: 'Название_шрифта';
  src: url('путь_к_шрифту.woff') format('woff');
}
```

2. Замените путь к шрифту на следующий:

```css
@font-face {
  font-family: 'Название_шрифта';
  src: url('{{ 'путь_к_шрифту.woff' | asset_url }}') format('woff');
}
```

3. Сохраните изменения и обновите страницу вашего магазина, чтобы убедиться, что шрифты корректно подключаются из папки assets.
Проблема решена 
загружал шрифты через add a new assets, через что хреновы шрифты загружались либо ломанными, либо хрен пойми что с ними случалось
пришлось через медиа менеджер загружать в папку с изображениями
Похожие вопросы