[Tạo 2D Platformer Game với Godot] Part 20: Designing Custom Fonts

In this section, I will show you how to create/design custom fonts instead of using godot’s default fonts.

Custom Fonts

Download

You can visit the following link to download the font you want: 39 Free Retro, Video Game Fonts

Note: if you want to type and display Vietnamese on Got, you need to find a Vietnamese font.

Here, I downloaded a font named Atarian and put it in the new folder I just created named Fonts in the Assets folder.

Establish

Then in the previous section, I showed you how to create custom styles for the game and this custom fonts is also in Theme Overrides for Godot 3.4 and above.

If it is 3.3 or below, it will have an item called Custom Fonts.

You choose for yourself Nutbatdau and select New Dynamic Font.

Then go to Font Data and click on the Load button.

Then find the font you want to use and click open to open it.

Once done, the font has been applied to the NutBatDau node.

You can adjust Size and Outline, Outlinesize, Color Outline, Mipmap, Filter in the Settings of Fonts.

Here I will adjust the size to 30 for big and Outline size to 1, Color Outline to black

This is after I finished it, and the text is close to the button margin, so it should be adjusted.

I’ll tweak it up a bit.

Then copy and paste it through the game exit button like in the previous section when you copied that style.

Adjust the size a bit more.

After I tweaked it a little more, it looked much more comfortable.

Title

Next I will edit the title.

For the title, you should use a different Font than Button, doing so will avoid being bored and duplicated when looking at it.

Do the same with the one above.

Select Label -> New Dymanic Fonts -> Select Fonts.

Once done, I will have the following result.

I resized it a little bigger.

Then I will adjust the Outline Size, Color and turn on the Filter.

This will be the final result that I get after completing all of the above.

Summary

So in this part, I have guided you through how to add and design fonts in Godot. In the next part, I will show you how to add a background to the Menu.