Using custom fonts from a delivery service (Font Library)

Hi everyone!
I am trying to add a custom font from Font Library, following the official guide. Let’s make the example really concise:
Imagine I want to use the font called Oddballz. And I DO NOT HAVE IT installed on my computer. Is it still possible to use it just linking it? Because that is exactly what I understand following the guide.
I just add this code to the CustomCSS extension:
@import url('');
And then add the font to Plasmic Studio
with the provided name from Font Library
This is not working, I cannot see the font being applied in my Plasmic Studio project.
Am I missing anything?

Hi, it seems there is an issue with if you check and you see the difference between a working font and one not being served.

Hi @fmota, thank you for your answer. Before trying that font, I had already tried several ones:
UNIQUE and Jellee, for example.
In both cases, I’ve tried with two links:

And custom font name in Plasmic as “JelleeRoman” or “JelleBold”. No success.
BTW, I don’t know if this makes a difference, but I have custom code in my project and it is hosted locally.

The Jellee font works here, could you check again ?

Sure. Could you please show me your EmbedCSS code?

Here it is

/* CSS snippet */

@import url('');

@import url('');

Thanks a lot, @fmota. Everything is working as expected. It was my fault, @import statements MUST BE DECLARED at the beginning of the file… I know, basic CSS :man_facepalming:

1 Like