Introducing the Custom Scratch Font Tool: Use New and Unique Fonts for Your Scratch Projects

fictioneer

Hello Everyone!

I'm excited to announce the beta release of my new tool, the Custom Scratch Font Tool! As many of you know, Scratch's costume editor has a limited selection of fonts to choose from, leading Scratchers asking for more fonts. While there are workarounds like using Google Drawings or font engines, they aren't editable like the normal Scratch text.

Using CSS font-families, this tool creates SVGs that allow you to easily change and edit fonts within Scratch's costume editor. Whether you're looking for a more professional look for your project or just want to add some extra flair, the Custom Scratch Font Tool is a great solution.

Here's an updated link to the tool: Custom Scratch Font Tool
⚠️Important! Since the project is still in beta the link may change so make sure to save this post for the updated link⚠️

How To Use:

Please note that Scratch reduces gif quality for some reason, so apologies for the bad quality

To use the tool, simply select the font you want to use from the dropdown menu and customize it to your liking. You can change the font and text to make it fit your project exactly how you want. Once you're done, download the SVG and upload it into Scratch's costume editor and you're good to go!

I also included a “Copy Svg Path” button for those who don't want to download a file directly from an unknown website website (understandably). You can use a tool you trust more like svgviewer.dev to paste the path then download the svg.

I hope this tool will be helpful to all of you and make your Scratch projects even more creative and fun. If you have any questions or feedback, feel free to let me know. Happy coding!

If this topic needs to be moved somewhere else please let me know

Last edited by fictioneer (April 22, 2023 14:27:38)

TeenySpoon

Wow! I will definitely check this out.

Scratch--TheCat

Paddle2See wrote:
Sorry - this topic is not a good fit for this forum section. The Show and Tell section is reserved for advertising your Scratch projects or studios.

cosmosaura

Sorry - this topic is not a good fit for this forum section. The Show and Tell section is reserved for advertising your Scratch projects or studios.

LittleGreyCells

I've moved this to Advanced Topics

fictioneer

The link has been changed. I kept the old link and had it redirect to the new one, but just wanted to update everyone. The new link is here: https://meeeeeeeep1.github.io/haven.scratch-tools/customScratchFont/

NFlex23

Really cool! I have one question: do the viewers of the project have to have the font installed for it to look correct? I would assume they would since it's an SVG, though I'm not entirely sure.

WojtekGame

I won't compete for the best tool for Scratch because i write simple JS, but this is off the desk!

However, good tool,
but you don't need much CSS though,
you can use simplicity like i did here.

anyways you can use a web framework but you can use HTML though.

thanks.

NFlex23

WojtekGame wrote:
I won't compete for the best tool for Scratch because i write simple JS, but this is off the desk!

However, good tool,
but you don't need much CSS though,
you can use simplicity like i did here.

anyways you can use a web framework but you can use HTML though.

thanks.

I think the site looks great since it uses a matching Scratch aesthetic. Not needing CSS doesn't mean you shouldn't use it. Technically you never really need CSS.

mybearworld

Problem: Not everyone has these fonts installed. On my phone, for example, I don't have Comic Sans.

fictioneer

mybearworld wrote:
Problem: Not everyone has these fonts installed. On my phone, for example, I don't have Comic Sans.

I forgot about that, I'll add a disclaimer under the font select option.

fictioneer

NFlex23 wrote:
Really cool! I have one question: do the viewers of the project have to have the font installed for it to look correct? I would assume they would since it's an SVG, though I'm not entirely sure.

No, since they would have to have it installed to view it normally

Last edited by fictioneer (April 18, 2023 17:15:35)

WojtekGame

NFlex23 wrote:
WojtekGame wrote:
I won't compete for the best tool for Scratch because i write simple JS, but this is off the desk!

However, good tool,
but you don't need much CSS though,
you can use simplicity like i did here.

anyways you can use a web framework but you can use HTML though.

thanks.
I think the site looks great since it uses a matching Scratch aesthetic. Not needing CSS doesn't mean you shouldn't use it. Technically you never really need CSS.

relatable, but somtimes it needs a UI if users are just getting annoyed of on the top-left corner describing the whole page.

WahNames

when green flag clicked

                                                                                                                  
forever
create clone of [FONT]
end

Discuss Scratch