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

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 4월 11, 2023, 8:09오전 8

네, 감사합니다! ttf 형식으로 시도해 보니 작동하네요!

글		댓글	조회수
Anyone embedding fonts successfully? Support	11	3002	4월 20, 2020
How do I use custom local fonts? Support	2	1847	7월 7, 2022
Create and share a font theme component Developer Guides how-to , theme-guides	4	6292	8월 19, 2025
Include assets (e.g. images, fonts) in themes and components Developer Guides how-to , theme-guides	1	16223	8월 23, 2024
Can I simply add directories to my Discourse install? Development	6	715	4월 6, 2024

에셋 저장소를 통해 테마에 사용자 지정 폰트 추가하기

Related topics