Hello, I am trying to add a custom font to my theme but it doesn’t work… I certainly did something wrong but I can’t find where. I am developing my own theme that I installed via github. In the assets repository, I uploaded my fonts that are not Google fonts : [Capture d’écran 2023-04-06 à 10…

Hi @Joart , I played with this a bit on a fairly new Discourse instance, and had some trouble with the first few fonts I tried. I had converted them to .woff2 using a free, online converter, and I think maybe it didn’t do a good job. When I tried with an .otf font and again with another .woff2 font…

I am not sure what the issue night be. I’d look at Include assets (e.g. images, fonts) in themes and components . Sorry if that’s not helpful.

Hi @Joart , I’m sure I’m oversimplifying, but I notice in your about.json snippet, the path to the fonts points to an assets folder, but in your css, the path points to a fonts folder. Are you sure the css source path is correct?

[画像] Southpaw: Are you sure the css source path is correct? This is a good catch, but you don’t want to use the path in your CSS like this, you should reference the files using the asset name as a variable: @font-face { font-family: supply-light; src: url($supply-light); } This is cov…

Well I tried but it doesn’t work :frowning:

It’s hard to guess why. You might put your theme on github and link to it or post your code here. Did you follow the example provided by @awesomerobot ?

Oh Yes, thank you! I tried with the ttf format and it works!

アセットリポジトリ経由でカスタムフォントをテーマに追加する

開発

Joart 2023 年 4 月 11 日午前 8:09 8

はい、ありがとうございます！ttf形式で試したところ、うまくいきました！

トピック		返信	表示
Anyone embedding fonts successfully? Support	11	3002	2020 年 4 月 20 日
How do I use custom local fonts? Support	2	1847	2022 年 7 月 7 日
Create and share a font theme component Developer Guides how-to , theme-guides	4	6292	2025 年 8 月 19 日
Include assets (e.g. images, fonts) in themes and components Developer Guides how-to , theme-guides	1	16223	2024 年 8 月 23 日
Can I simply add directories to my Discourse install? Development	6	715	2024 年 4 月 6 日

アセットリポジトリ経由でカスタムフォントをテーマに追加する

関連トピック