# Добавить пользовательский шрифт в мою тему через репозиторий ресурсов
**URL:** https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784
**Category:** Development
**Created:** [06.Апрель.2023 09:11:54 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784 "2023-04-06T09:11:54Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@Joart](https://meta.discourse.org/u/Joart)
#### Post date: [06.Апрель.2023 09:11:54 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/1 "2023-04-06T09:11:54Z")
Здравствуйте,
Я пытаюсь добавить пользовательский шрифт в свою тему, но у меня не получается… Я наверняка где-то ошибся, но не могу найти где.
- Я разрабатываю собственную тему, которую установил через GitHub.
- В репозитории assets я загрузил свои шрифты, которые не являются шрифтами Google:
- В файле about.json я импортировал файлы:
- В репозитории scss я создал семейства шрифтов:
Я также пробовал добавить: format(‘woff2’), но это тоже не сработало.
- И затем:
В итоге ничего не работает… Есть какие-нибудь идеи?
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [06.Апрель.2023 13:09:13 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/2 "2023-04-06T13:09:13Z")
Я не уверен, в чём может быть проблема. Посмотрите [включение ресурсов (например, изображений, шрифтов) в темы и компоненты](https://meta.discourse.org/t/include-assets-e-g-images-fonts-in-themes-and-components/62459). Извините, если это не поможет.
---
### Author:  [@southpaw](https://meta.discourse.org/u/southpaw)
#### Post date: [06.Апрель.2023 16:10:18 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/3 "2023-04-06T16:10:18Z")
Привет, @Joart,
Возможно, я упрощаю, но я заметил, что в вашем фрагменте about.json путь к шрифтам указывает на папку `assets`, а в вашем CSS путь указывает на папку `fonts`. Вы уверены, что исходный путь в CSS верный?
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [06.Апрель.2023 16:52:11 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/4 "2023-04-06T16:52:11Z")
> [@Southpaw](#):
>
> Вы уверены, что путь к источнику CSS верный?
Это хорошее замечание, но не следует использовать путь в вашем CSS таким образом. Вместо этого ссылайтесь на файлы, используя имя ресурса как переменную:
```css
@font-face {
font-family: supply-light;
src: url($supply-light);
}
```
Это подробно описано здесь: [Include assets (e.g. images, fonts) in themes and components](https://meta.discourse.org/t/include-assets-e-g-images-fonts-in-themes-and-components/62459)
---
### Author:  [@Joart](https://meta.discourse.org/u/Joart)
#### Post date: [07.Апрель.2023 07:31:47 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/5 "2023-04-07T07:31:47Z")
Что ж, я попробовал, но это не работает ☹
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [07.Апрель.2023 09:22:09 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/6 "2023-04-07T09:22:09Z")
Сложно догадаться, почему. Вы можете разместить свою тему на GitHub и предоставить ссылку на неё или опубликовать свой код здесь.
Вы следовали примеру, предоставленному @awesomerobot?
---
### Author:  [@southpaw](https://meta.discourse.org/u/southpaw)
#### Post date: [07.Апрель.2023 21:18:12 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/7 "2023-04-07T21:18:12Z")
Привет, @Joart,
Я немного поэкспериментировал с этим на относительно новом экземпляре Discourse и столкнулся с трудностями при использовании первых нескольких шрифтов. Я конвертировал их в формат .woff2 с помощью бесплатного онлайн-конвертера, и, возможно, он справился с этим не очень хорошо.
Когда я попробовал шрифт .otf, а затем ещё один .woff2, конвертированный более надёжным инструментом, мне удалось добавить пользовательский шрифт, следуя инструкциям из руководства, на которое ссылались @pfaffman и @awesomerobot.
На самом деле потребовалось всего два шага — загрузка файла через модальное окно «Добавить загрузку» и добавление только строк @font-face и body из примера SCSS в тему или компонент.
Если вы сможете предоставить нам больше деталей, а также поделиться своим кодом и шрифтами, мы обязательно поможем вам разобраться с этой проблемой.
---
### Author:  [@Joart](https://meta.discourse.org/u/Joart)
#### Post date: [11.Апрель.2023 08:09:19 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/8 "2023-04-11T08:09:19Z")
О да, спасибо! Я попробовал формат ttf, и он работает!
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [11.Май.2023 08:10:13 UTC](https://meta.discourse.org/t/add-a-custom-font-to-my-theme-via-the-assets-repository/260784/9 "2023-05-11T08:10:13Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.