Custom Fonts Tutorial

[Magixe]

Have you ever wanted to use your own font for your game, and then had no idea how to do it? Fear not, I was once in the same boat! It is quite simple. Okay.


Step 1. Find/create your font. Make sure it's in a TTF (TrueTypeFont) format; a .ttf file.


Step 2. Copy and paste this file into your "fonts" folder in your game project folder.


Step 3. Open gamefont.css in your editing program of choice, like Notepad++ or TextWrangler. I use Editra.


Step 4: Change the existing code to this:


@font-face {
    font-family: GameFont;
    src: url("yourfonthere.ttf");
}


Step 5. Replace yourfonthere.ttf with your font's file name.


Step 6. Save and close gamefont.css.


Step 7. Make sure that if you are using Yanfly's Core Engine (or any other plugin that changes your game's font) that your default font is GameFont. If not, you're all set.


Step 8. Playtest your game to see your font in action!


WARNING: If you aren't using Word Wrap, then your wrapping in your text boxes might be messed up depending on your font's width. But if you use Word Wrap you're fine.


Step 9. Watch your beautiful game come to life!


--Magixe

 

[Shytoad]

I can't find the gamefont.css file?

 

[Padramyr]

I can't find the gamefont.css file?

I'm not sure if you still need help. You find the .css file in the same folder where the font is located. So navigate to your game and go into "fonts". There should be a file named gamefont.