# How to import custom fonts into the Fancy Text extension **URL:** \ **Category:** Help\ **Created:** [February 29, 2024, 6:40pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398 "2024-02-29T18:40:45Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![49dev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/49dev/32/8577_2.png) [@49dev](https://forum.makecode.com/u/49dev)\ **Post date:** [February 29, 2024, 6:40pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/1 "2024-02-29T18:40:45Z")
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. ![Screenshot 2024-02-28 141542](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/b/bd49eb26ea128a6f6f08ed5712e5f6053e6bb3cc.png) 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/](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.) ---
**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\ **Post date:** [February 29, 2024, 6:41pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/2 "2024-02-29T18:41:58Z")
@49dev hit the share button in the font editor (last one in the top row) ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [February 29, 2024, 6:54pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/3 "2024-02-29T18:54:11Z")
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. ---
**Author:** ![49dev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/49dev/32/8577_2.png) [@49dev](https://forum.makecode.com/u/49dev)\ **Post date:** [February 29, 2024, 6:54pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/4 "2024-02-29T18:54:20Z")
It works! Thank you! If anyone wants to use the font, feel free to! (It’s not perfect, by the way!) > **[bubblix outline (font)](https://arcade.makecode.com/86179-33231-45389-73615)** > > A custom font for MakeCode Arcade ---
**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\ **Post date:** [February 29, 2024, 7:02pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/5 "2024-02-29T19:02:21Z")
@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](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/7b8410d7297abc9b510d6f6137287ac99d06fd3a.png) ---
**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\ **Post date:** [February 29, 2024, 7:03pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/6 "2024-02-29T19:03:38Z")
maybe i should update the font editor to add a preview as the share script thumbnail… ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [February 29, 2024, 7:04pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/7 "2024-02-29T19:04:05Z")
Yes please do. ---
**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\ **Post date:** [February 29, 2024, 7:24pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/8 "2024-02-29T19:24:15Z")
Done! > **[Outline (font)](https://arcade.makecode.com/30575-30792-37762-82181)** > > A custom font for MakeCode Arcade Not exactly the easiest to read, given the size, and it gets cut off a bit but whatever! > **[Gothic (font)](https://arcade.makecode.com/26024-94422-68316-24389)** > > A custom font for MakeCode Arcade ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [February 29, 2024, 7:33pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/9 "2024-02-29T19:33:39Z")
Wow that was quick! ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [February 29, 2024, 7:33pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/10 "2024-02-29T19:33:44Z")
Just one thing. It is very hard to read if you are using dark mode ---
**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\ **Post date:** [February 29, 2024, 7:34pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/11 "2024-02-29T19:34:25Z")
oh whoops, didn’t mean to make the preview transparent. lemme fix that… ---
**Author:** ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)\ **Post date:** [February 29, 2024, 7:37pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/12 "2024-02-29T19:37:36Z")
fixed: > **[Outline\_fixed\_background (font)](https://arcade.makecode.com/59481-80627-48527-72878)** > > A custom font for MakeCode Arcade ---
**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\ **Post date:** [February 29, 2024, 7:37pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/13 "2024-02-29T19:37:58Z")
Thanks! ---
**Author:** ![Josef](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/josef/32/12457_2.png) [@Josef](https://forum.makecode.com/u/Josef)\ **Post date:** [May 8, 2024, 5:32pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/14 "2024-05-08T17:32:37Z")
I did one! [https://arcade.makecode.com/\_9J15HmTeXbd7](https://arcade.makecode.com/_9J15HmTeXbd7) ---
**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\ **Post date:** [June 29, 2024, 3:53pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/15 "2024-06-29T15:53:48Z")
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. > **[MediumBlock 5 by Luke (font)](https://arcade.makecode.com/41529-42471-07604-32441)** > > A custom font for MakeCode Arcade @Sarge ya want me to add your font? ---
**Author:** ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)\ **Post date:** [June 29, 2024, 9:46pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/16 "2024-06-29T21:46:27Z")
Sure, go ahead ---
**Author:** ![frandev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/frandev/32/27644_2.png) [@frandev](https://forum.makecode.com/u/frandev)\ **Post date:** [December 27, 2025, 5:49pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/17 "2025-12-27T17:49:48Z")
# Determination _(aka 8-bit Commander JVE)_ ![queen](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/7/9/791808bf3b691d3318cdae38c59fa514757aec27.png) > **[Determination (font)](https://arcade.makecode.com/60841-25589-86228-54009)** > > A custom font for MakeCode Arcade ---
**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\ **Post date:** [December 29, 2025, 10:06pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/18 "2025-12-29T22:06:42Z")
Check out my topic on [Custom fonts! 🔠](https://forum.makecode.com/t/custom-fonts/32517) (Some are broken tho) ---
**Author:** ![RizeUpDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rizeupdev/32/35291_2.png) [@RizeUpDev](https://forum.makecode.com/u/RizeUpDev)\ **Post date:** [December 29, 2025, 10:17pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/19 "2025-12-29T22:17:25Z")
```auto https://arcade.makecode.com/_YC4MPRbLD0qC ``` Use this link for the character in your game that has very, VERY bad handwriting ---
**Author:** ![OrigamiArtist](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/origamiartist/32/33299_2.png) [@OrigamiArtist](https://forum.makecode.com/u/OrigamiArtist)\ **Post date:** [June 1, 2026, 5:14pm UTC](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398/20 "2026-06-01T17:14:57Z")
Hello. I’m making the MakeCode Forum in MakeCode (not like chimbro’s) and I tried my own font but…the results are very strange ![what happened here???](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/7/4/74bcf5fcee51361983e74e3fc706b1d83db13946.png) [Next page](https://forum.makecode.com/t/how-to-import-custom-fonts-into-the-fancy-text-extension/27398.md?page=2)