Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Retro font text for Rpg Maker MV

PixelMplus12-Regular.png


Screens:
PixelMplus10-Regular.png
PixelMplus12-Regular.png

Credits:
itouhiroはてなブログ
(http://itouhiro.hatenablog.com/entry/20130602/font)

Options:
  • PixelMplus10-Bold.ttf
  • PixelMplus10-Regular.ttf
  • PixelMplus12-Bold.ttf
  • PixelMplus12-Regular.ttf

Download:
https://github.com/nanoeru/fondot/tree/ ... s-20130602

After downloading copy to the fonts folder of your project.
In that same folder open the file gamefont.css:
Code:
@font-face {

    font-family: GameFont;

    src: url("mplus-1m-regular.ttf");

}

 

.IIV::-webkit-media-controls-play-button,

video::-webkit-media-controls-start-playback-button {

    opacity: 0;

    pointer-events: none;

    width: 5px;

}

Replace "mplus-1m-regular.ttf" with the name of the source file you copied, for example:
Code:
src: url("PixelMplus12-Regular.ttf");

Result:
Code:
@font-face {

    font-family: GameFont;

    src: url("PixelMplus12-Regular.ttf");

}

 

.IIV::-webkit-media-controls-play-button,

video::-webkit-media-controls-start-playback-button {

    opacity: 0;

    pointer-events: none;

    width: 5px;

}

Save the file, you can delete the original font.
 
The real trick is getting the Pixel font to align with any pixel graphics. I got the resolution to match once, but then discovered that certain characters throw off the alignment.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top