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?

[image] 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 …

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

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

Add a custom font to my theme via the assets repository

Development

pfaffman (Jay Pfaffman) April 7, 2023, 9:22am 6

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?

Topic		Replies	Views
Anyone embedding fonts successfully? Support	11	3000	April 20, 2020
How do I use custom local fonts? Support	2	1847	July 7, 2022
Create and share a font theme component Developer Guides how-to , theme-guides	4	6291	August 19, 2025
Include assets (e.g. images, fonts) in themes and components Developer Guides how-to , theme-guides	1	16221	August 23, 2024
Can I simply add directories to my Discourse install? Development	6	715	April 6, 2024

Add a custom font to my theme via the assets repository

Related topics