⚠️ WARNING! This is experimental, and may cause the text to be unreadable* on some systems. ℹ️ IMPORTANT! This project DOESN'T ADD any fonts - they need to be installed on each user's device for it to work. The fonts used in this project are known to be system fonts (preinstalled by default) on most systems, but not all. See Notes and Credits for more info. This project contains costumes with extra fonts you can use when writing text, and both in regular and bold variants. Just backpack the sprite and drag it out into the project where you want to use these fonts.
See also the companion project which compares the results on different systems: https://scratch.mit.edu/projects/667310164/ * I have entered fallback values for each font, so at worst, the result should be the system's default font of that type (sans-serif/serif/monospace/casual/cursive), but differences in font width can still make text extend beyond the screen edge, making it unreadable. I have tested them on Windows, macOS, iOS and Android, with the following results: ▸Windows: All fonts work. ▸Mac OS X: All fonts work. ▸iOS: About half of the fonts are system fonts: Arial/Helvetica, Courier New, Georgia, Impact, Palatino, Times New Roman, Trebuchet MS and Verdana. All remaining fonts except Lucida Console and Lucida Sans are downloadable. Lucida Grande, which is an expanded version of Lucida Sans is downloadable though. ▸Android: None of the fonts work, but the closest system fonts are used (sans-serif/serif/monospace/serif monospace/casual/cursive), and Courier New looks very similar. User feedback: ▸ChromeOS: All fonts work (@M4-) ✤✤✤ How did I make this? ✤✤✤ I made a costume with text, exported it, and opened the exported SVG file in a text editor. Changing the font is as easy as changing the font-family value. If it says font-family="Sans Serif", I might change it to font-family="Garamond". As a precaution in case it is missing on some system, It is best to add the general font type as well, so it becomes font-family="Garamond, serif". You can set font-family to anything, but only a few fonts work on multiple systems. Changing regular font weight to bold is even easier - just change font-weight="normal" to font-weight="bold". There are other SVG font attributes, but the ones I tried, such as font-style="italic", aren't supported by Scratch, and have no effect.
