# Arcade font renderer

**URL:** https://forum.makecode.com/t/arcade-font-renderer/7174
**Category:** Show & Tell
**Tags:** tool
**Created:** [April 3, 2021, 7:12pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174 "2021-04-03T19:12:26Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![jacob\_c](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jacob_c/32/1532_2.png) [@jacob\_c](https://forum.makecode.com/u/jacob_c)
#### Post date: [April 3, 2021, 7:12pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/1 "2021-04-03T19:12:26Z")

</div>

Have you ever wanted to make a rad title screen with awesome fonts and outlines and shadows and stuff?

 ![Screen Shot 2021-04-02 at 10.39.49 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/d/da658d589d2f028307a75aed99f2b44f665961f8.png)

Well, you should try [https://arcade-font-renderer.jacobcarpenter.com/](https://arcade-font-renderer.jacobcarpenter.com/)

**arcade font renderer** makes it easy to render some text in a custom font into a MakeCode Arcade compatible image format.

Step 1: Make your awesome title—pick fonts; mess with colors and text effects; etc  
Step 2: Find the **Copy Image Data** button (it’s either right below the picture in two-column mode, or at the bottom of the page in single-column mode) and click it  
Step 3: Go to your game and make an image big enough for your text—the `Set background image to [image]` is a handy block for this…  
Step 4: Open the image editor and `Ctrl+V` (or `Cmd+V` on Mac)!

Boom! Your sweet-lookin’ text should be pasted in, ready for you to polish up in the image editor.

If Google fonts doesn’t have what you want, you can switch to **Local fonts** and enter the name of a font you already have installed.

 ![Screen Shot 2021-04-02 at 10.49.25 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/8131f4e9b611f89b31a5732e989fbfe2cf4c8b8c.png)

Have fun and keep making!

---

<div class="post-metadata">

### Author: ![XDlol](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/xdlol/32/21235_2.png) [@XDlol](https://forum.makecode.com/u/XDlol)
#### Post date: [April 6, 2021, 7:24am UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/2 "2021-04-06T07:24:19Z")

</div>

where is comic sans

---

<div class="post-metadata">

### Author: ![jacob\_c](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jacob_c/32/1532_2.png) [@jacob\_c](https://forum.makecode.com/u/jacob_c)
#### Post date: [April 6, 2021, 4:52pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/3 "2021-04-06T16:52:25Z")

</div>

Yeah, that one’s not on Google Fonts, but if you already have it on your computer, you can click **Local fonts** and type in “Comic sans” (or perhaps “Comic sans ms”), and it should switch to it.

---

<div class="post-metadata">

### Author: ![XDlol](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/xdlol/32/21235_2.png) [@XDlol](https://forum.makecode.com/u/XDlol)
#### Post date: [April 6, 2021, 4:54pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/4 "2021-04-06T16:54:03Z")

</div>

ok thank you

---

<div class="post-metadata">

### Author: ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)
#### Post date: [April 12, 2021, 9:22pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/5 "2021-04-12T21:22:21Z")

</div>

I’ve been loving this! Also good job on supporting Unicode characters as well - works very nice!

One suggestion: You should have like some text saying how big the image you copy to the clipboard otherwise I’m just guessing sizes.

---

<div class="post-metadata">

### Author: ![jacob\_c](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jacob_c/32/1532_2.png) [@jacob\_c](https://forum.makecode.com/u/jacob_c)
#### Post date: [April 12, 2021, 11:43pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/6 "2021-04-12T23:43:40Z")

</div>

😊 Thanks! Glad you’re finding it useful!

The unicode character support relies on your selected font having the characters—which can be a bit of hit and miss—but I’m glad to hear you’ve had a good experience!

> [@UnsignedArduino](#):
>
> One suggestion: You should have like some text saying how big the image you copy to the clipboard…

Ah, sure. The size of the preview image should be equivalent to the screen’s dimensions… but I can see how the actual bounds of the drawn text pixels as numbers would be useful too. That should be easy to add.

---

<div class="post-metadata">

### Author: ![jacob\_c](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jacob_c/32/1532_2.png) [@jacob\_c](https://forum.makecode.com/u/jacob_c)
#### Post date: [April 13, 2021, 2:04pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/7 "2021-04-13T14:04:24Z")

</div>

Just updated it with a small “Text Dimensions” display beneath the rendered image. Let me know if you think of anything else.

---

<div class="post-metadata">

### Author: ![jacob\_c](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jacob_c/32/1532_2.png) [@jacob\_c](https://forum.makecode.com/u/jacob_c)
#### Post date: [April 23, 2021, 4:23pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/8 "2021-04-23T16:23:07Z")

</div>

Small update to the font renderer: I just added an option to support **dithering**.

Dithering results with text are somewhat of a mixed bag—so it’s **off** by default—but it seems to add a nice effect to text shadows; especially as you mess with the blur value.

Here’s an example image:

 ![Screen Shot 2021-04-22 at 10.19.56 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/831fd2a7791259a3541e29af0bc7527e6c4c2ffc.png)

---

<div class="post-metadata">

### Author: ![theCobolKid](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thecobolkid/32/742_2.png) [@theCobolKid](https://forum.makecode.com/u/theCobolKid)
#### Post date: [June 25, 2021, 4:58pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/9 "2021-06-25T16:58:24Z")

</div>

Thank you so much for this excellent tool!! It’s so easy to use and such a time saver! Great stuff!!!

---

<div class="post-metadata">

### Author: ![BotWarrior](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/botwarrior/32/25328_2.png) [@BotWarrior](https://forum.makecode.com/u/BotWarrior)
#### Post date: [July 28, 2025, 4:10pm UTC](https://forum.makecode.com/t/arcade-font-renderer/7174/10 "2025-07-28T16:10:37Z")

</div>

I might just revive this topic for anyone who might not have seen it before, I find this tool so useful. (Bookmark it if you are like me and forgetful)
