How to import custom fonts into the Fancy Text extension

After viewing the Mario font that @sonicblaston made for his project, I wanted to create a font, too (for fun). So, I made a font using @richard’s font editor for the Fancy Text extension! Issue: in @sonicblaston’s code for his Mario font, there’s a very long hex number. Since I’m not good at JS, I need to know how to make the downloaded .json file for my font into that long hex number so I can import it into my project.
Here’s sonicblaston’s code.

Long story short, how’d you make your Mario font, sonicblaston? (Didn’t want to ping you too much.)
Link to the font editor: https://riknoll.github.io/font-editor/

(I would have replied in sonicblaston’s Super Mario devlog post, but if I did, the whole post would probably go off the main topic, so I made this instead to avoid confusion.)

4 Likes

@49dev hit the share button in the font editor (last one in the top row)

1 Like

Haha don’t t worry. I didn’t code any of that. Just press the little button in the top right corner of the font editor. It will give you a link you can paste in the extension search bar.

1 Like

It works! Thank you!
If anyone wants to use the font, feel free to! (It’s not perfect, by the way!)

1 Like

@49dev very cool! BTW if you want to post a preview of your font, you can right click on the preview in the font-editor and copy the image to paste into the forum. For example:

image

2 Likes

maybe i should update the font editor to add a preview as the share script thumbnail…

5 Likes

Yes please do.

Done!

Not exactly the easiest to read, given the size, and it gets cut off a bit but whatever!

5 Likes

Wow that was quick!

Just one thing. It is very hard to read if you are using dark mode

oh whoops, didn’t mean to make the preview transparent. lemme fix that…

1 Like

fixed:

6 Likes

Thanks!

I did one! https://arcade.makecode.com/_9J15HmTeXbd7

1 Like

This font is very useful for packing in lots of text whilst still having a nice looking font to read. I’ve also completely minimised all spacing to help with that.

@Sarge ya want me to add your font?

3 Likes

Sure, go ahead

4 Likes