How to Italicize Syntax in Roblox Studio

There isn’t a way to achieve this inside of Roblox Studio (yet?) so we’ll be frankensteining together two fonts


I also know very little about typography and its naming conventions.

Any insights or corrections are appreciated!


After


You’ll need:

  • Any two fonts. One will be for the syntax and the other for regular text. You could use Times New Roman and Comic Sans, but you probably just want to use different variants from the same font.

  • A tool to edit the information of a font. I’ve successfully used FontLab8, but MuTsunTsai’s FontFreeze is more convenient and can be used from a browser.

Roblox Studio automatically chooses the bold variant of a font for syntax so we’re just replacing it with something else.


In this example we’ll be replacing the Bold variant of Maple Mono with Bold Italic to pair with Regular.

  1. Open the font you want to use for syntax. Check “Custom font names” and remove the suffix (this is FontFreeze)

  1. Change the subfamily to Bold

Because we’re using different variants of Maple Mono we don’t need to change the Font family name. However, if you were replacing Times New Roman Bold with Comic Sans Italic Bold you’d need to change the Font family to Times New Roman.

You should open up the variant of Bold you’re replacing beforehand and take a screenshot of the names you need to mimic, as sometimes it’ll be something other than just “Bold.”

  1. After generating and downloading it, this is what it should look like in Roblox Studio!

Screenshot 2024-10-16 061500

Screenshot 5

See how it’s Italic Bold but is named Bold


Things to note:

  • I don’t know how any of this really works but I couldn’t find any information about it on here

  • The bold variant is considered 300 weight heavier than the that of your “regular” text. Because I use Medium I need to make the subfamily name ExtraBold instead of Bold

  • Medium is glitchy sometimes, if I unselect and reselect it the italics disappear and I need to restart Roblox Studio

  • If you’re using Medium I think you also need to have Regular installed or else it won’t work

5 Likes

Now I can do this
8sl1co8az3t81

1 Like

{5DC4D060-EAAB-4203-A8B8-1A06367C006E}
i see that as foπ or Eoπ

1 Like

Hmm… I might do that now! Thanks!!

Very clever tutorial!

Though sadly ROBLOX doesn’t do the same keyword-detection for built-in functions like print() or pcall().

I did this for Martian Mono, and it looks pretty nice.

1 Like

I just cant get it. mind making a video tutorial please
this tutorial is hard to understand

Honestly I wish programming on Roblox was like this :smiling_face_with_tear:

how did u do it? im trying to do it with JetBrains Mono but it doesnt work

i can make a video later today! what two fonts or variants are you trying to use?

Both are jetbrains mono
light italic and light

I got it to work but it was very scuff LOL, using anything other than regular gets really weird

image

im pretty sure it uses semibold but i just replaced italics for every weight

image


to get it to work you need to select light and then restart your studio. also changing the weight manually resets the italics for some reason, but doesnt reset if you use ctrl and mouse wheel

after you set it up once though you don’t need to do anything else – it’ll show up every time

or just be a sane person and use an external ide like zed or vsc

Thank you mr BroJackHorsemen
I really appreciate it

1 Like