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 c…

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 7 أبريل 2023، 7:31ص 5

حسنًا، لقد حاولت ولكن لم ينجح الأمر

الموضوع		الردود	مرات العرض
Anyone embedding fonts successfully? Support	11	3002	20 أبريل 2020
How do I use custom local fonts? Support	2	1847	7 يوليو 2022
Create and share a font theme component Developer Guides how-to , theme-guides	4	6292	19 أغسطس 2025
Include assets (e.g. images, fonts) in themes and components Developer Guides how-to , theme-guides	1	16223	23 أغسطس 2024
Can I simply add directories to my Discourse install? Development	6	715	6 أبريل 2024

إضافة خط مخصص إلى السمة الخاصة بي عبر مستودع الأصول

الموضوعات ذات الصلة