Introduction

This plugin uses opentype.js - an OpenType/TTF font parser - to achieve precise text rendering in both browser and Node.js environments. The plugin is designed specifically for pixel-perfect font display, it modifies the core CanvasRenderingContext2D methods (fillText, measureText, and strokeText) while maintaining engine compatibility.

Features

  • Automatic pixel grid alignment for crisp text rendering
  • Customizable font configurations through parameters
  • Size configurations for various display resolutions
  • Unicode character range specification

Plugin Parameters

Configure your fonts with these properties:

  1. Font File
    (String) Path to your font file (e.g., pixeloperator.ttf)
  2. Font Family Name
    (String) Target font family to replace:
    • MV: Typically GameFont
    • MZ: Defaults are rmmz-mainfont (primary) & rmmz-numberfont (gauges)Note: Actual font replacement must be handled through RPG Maker's native systems
  3. Snap to Pixel
    (Boolean) Enable pixel grid alignment (crucial for pixel font rendering)
    Default: ON(true)
  4. Base Size
    (Number|Object) Optimal font size configuration:
    • Single value: e.g., 16 for PixelOperator
    • Size map: Custom scaling rules (e.g., {28:24, 72:80} scales 28→24, 72→80)Automatically calculates nearest whole-number scaling while preserving game variables
  5. Unicode Range
    (String) Character subset coverage using CSS unicode-range syntax
    Default: U+0-10FFFF (all characters) Use when employing multiple font files for a single family

License & Terms

  • Free Usage: Compatible with commercial/non-commercial projects
  • Attribution: Optional (not required)
  • Modifications: Permitted for personal use
  • Redistribution: Prohibited without explicit authorization

Disclaimer:

The demonstration font files included in this download are provided solely for testing purposes and are NOT part of the plugin. If you wish to use these fonts in actual projects, you MUST consult their respective license terms. Links to the fonts:

https://www.dafont.com/5x5-pixel.font

https://notabug.org/HarvettFox96/ttf-pixeloperator

https://files.ax86.net/terminus-ttf/ (Some glyphs are used by arrows32.ttf in the demo)

Updated 7 days ago
StatusReleased
CategoryTool
PlatformsHTML5
Rating
Rated 5.0 out of 5 stars
(2 total ratings)
Authorutunnels
Made withRPG Maker
TagsFonts, Pixel Art, pixel-font, RPG Maker MV, RPG Maker MZ
Code licenseMIT License
Average sessionA few minutes

Download

Download NowName your own price

Click download now to get access to the following files:

UT_OpenTypePixelFont.js -- Passive mode, no need for parameters 252 kB
OpenTypePixelFontNew.zip -- Advanced plugin parameter settings 86 kB
OpenTypePixelFontDemo.zip 3.6 MB
OpenTypePixelFont.zip -- old version 86 kB

Development log

Comments

Log in with itch.io to leave a comment.

Hello! Amazing plugin-in, it's allowed me to consider moving away from SFonts!

Several of my testers have reported blocky/poorly scaled text that happens often that I and other users can't recreate.

Example- in the picture, the 'd' on the last line. (font = Yesterday)

It seems users that have reported the issue might all have >60 hz refresh rate, and their window.devicePixelRatio is either 1.25 or 2.5 (when I switch mine though I can't recreate the issue). These might be involved but I'm unsure.

Thank you so much for any help you can provide.

(1 edit)

I'll take a look. Which version of the plugin are you using, the one with UT prefix or the other one? Can you post a link to the font? I can't find the one with the name Yesterday that looks like yours.

Font here: https://somepx.itch.io/pixel-font-yesterday


I have been using the advanced one- the one without the UT prefix. 

Amazing pixel font plugin, thank you so much!

Thank you for the best pixel font plugin!