Importing Custom Fonts

The_StarLord · 2026-06-25T15:51:41.557+00:00

I am hosting a font I need for a project on my github as a public page. When I navigate to the URL, the font is downloaded so I would think this is accessible to import through a script or something, but I can't figure out how to get it to appear in Nordcraft when referencing it.Anyone tried this setup or can point me in the right direction for importing custom fonts?

The_StarLord
3 hours ago
I am hosting a font I need for a project on my github as a public page. When I navigate to the URL, the font is downloaded so I would think this is accessible to import through a script or something, but I can't figure out how to get it to appear in Nordcraft when referencing it.

Anyone tried this setup or can point me in the right direction for importing custom fonts?
Bobby Randhawa
2 hours ago
As far as I'm aware, Nordcraft does not let you import a font and then have it selectable in the native font dropdown list. What you can do though (and I've used this successfully) is use a @font-face css rule (https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face) and then you can reference that font with whatever name you use in the rule by manually entering it in the font field.
@Bobby Randhawa
As far as I'm aware, Nordcraft does not let you import a font and then have it selectable in the native font dropdown list. What you can do though (and I've used this successfully) is use a @font-face css rule (https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face) and then you can reference that font with whatever name you use in the rule by manually entering it in the font field.
The_StarLord
1hour ago
I think I have tried this method and couldn't figure it out.

Where are you throwing the css rule? On the element itself, in the head.. somewhere else?
Also if you have a link to a font I can test with, happy to take that link as well.

Either way I continue to try and figure it out
Bobby Randhawa
1hour ago
In my case I used Fontsource (https://fontsource.org). I load the font via CDN method (https://fontsource.org/docs/getting-started/cdn) and then followed their instructions to create the @font-face rule (https://fontsource.org/docs/getting-started/display). The rule itself I placed in a <style> element under the Page settings panel so it loads in the head.

Importing Custom Fonts

The_StarLord

Bobby Randhawa

The_StarLord

Bobby Randhawa