Custom Font with Assets

Elements API
1

Hi,

we are looking into to use a purchased non google font with a custom theme. How would we define that font as a resource. since it is not a google font and the font should be part of the theme.

2

Hi. You can drag your font into the resource panel, then open the theme settings, click on font family, then click on the + button by custom fonts, then select font resources from the kind drop-down, then drag your font from the resources panel as in the image. Hope this is clear enough.

Screenshot 2025-04-08 at 06.26.54
Screenshot 2025-04-08 at 06.26.54512×293 17.6 KB

3

Hi @aku,

I am aware of that. What I was curious how you would do it if the font is part of a devpack. And you want to setup the font in the theme that is part of that devpack.

4

Totally untested, but I’d be exploring along these lines:

 "fontFamily" : [
	{
	  "id" : "5BEB86E5-05DA-48CF-8D45-C6EDCF1AA3FB",
	  "kind" : "names",
	  "name" : "coolfont",
	  "resources" : [
	  		{{assetPath}}/coolfont.ttf"
	  ],
	  "fontNames" : "coolfont;"
	}
  ],

Or maybe it’s just not possible at the moment. :man_shrugging:

5

Thanks will give it a try.

6

Hi @Doobox, @dan

I tried that approach but that gives me following error:

CleanShot 2025-04-09 at 11.14.42
CleanShot 2025-04-09 at 11.14.42503×174 21.4 KB

@dan … any idea how to solve that?

7

Sorry, we don’t currently support custom fonts in theme dev packs. We always planned to add support for it, we just haven’t got around to writting the code as we didn’t need it and no one was building themes yet, hah!

I’ve created a ticket to make sure we do this sooner rather than later!