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…

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 …

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!

הוסף גופן מותאם אישית לנושא שלי דרך מאגר הנכסים

מפתח

pfaffman (Jay Pfaffman) 6 באפריל,‏ 2023,‏ 1:09pm 2

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.

נושא		תגובות	צפיות
Anyone embedding fonts successfully? Support	13	2843	20 באפריל,‏ 2020
How do I use custom local fonts? Support	3	1702	7 ביולי,‏ 2022
Create and share a font theme component Developer Guides how-to , theme-guides	4	5945	19 באוגוסט,‏ 2025
Include assets (e.g. images, fonts) in themes and components Developer Guides how-to , theme-guides	1	15849	23 באוגוסט,‏ 2024
Can I simply add directories to my Discourse install? Development	7	480	6 במאי,‏ 2024

הוסף גופן מותאם אישית לנושא שלי דרך מאגר הנכסים

נושאים קשורים