BitmapFontKit – Pixel-Perfect Bitmap Text Rendering for Roblox UI

Resources Community Resources
,
1

Hey everyone!

I’m excited to release BitmapFontKit, a modular and easy-to-use module for rendering bitmap fonts in Roblox GUIs. Whether you’re working on a retro platformer, stylized RPG, or just want full control over your UI text appearance, this kit makes it simple to drop in your own pixel fonts and get crisp, clean text every time.

:sparkles: Features

:white_check_mark: Supports folder-based fonts and sprite sheets
:white_check_mark: Automatic letter spacing, scaling, and wrapping
:white_check_mark: Left, center, and right alignment
:white_check_mark: Built-in .Render() and .MeasureText() methods
:white_check_mark: Tinting with Color3
:white_check_mark: Works in any ScreenGui, BillboardGui, or SurfaceGui
:white_check_mark: No dependencies – plug and play!

:package: How to Use

local BitmapFontKit = require(path.to.BitmapFontKit)

local font = BitmapFontKit.new({
    Source = workspace.FontFolder, -- or a sprite sheet with JSON config
    CharacterSize = Vector2.new(8, 8),
    CharactersPerRow = 16, -- only needed for sprite sheet
})

font:Render("HELLO WORLD", {
    Parent = someFrame,
    Position = UDim2.fromScale(0.5, 0.5),
    AnchorPoint = Vector2.new(0.5, 0.5),
    Color = Color3.new(1, 1, 1),
    Scale = 2,
    Alignment = "Center",
    WrapWidth = 200, -- optional
})

Need to measure how big the rendered text will be?

local size = font:MeasureText("HELLO", { Scale = 2, WrapWidth = 200 })

:brain: Why Use Bitmap Fonts?

  • Perfect pixel control for stylized UIs
  • Total freedom to design your own font art
  • Consistent rendering across devices
  • Great for retro, low-res, or stylized projects

:file_folder: Setup

You can use:

  • A folder of individual letter ImageLabels (named A-Z, 0-9, etc)
  • Or a sprite sheet + a character layout JSON (with optional spacing info)

Both modes are supported — just plug in your source during .new().

:test_tube: Demo Place & Module

:package: Toolbox Model: https://create.roblox.com/store/asset/140522505218608/BitmapFont

:speech_balloon: Feedback & Contributions

If you use this in your project or want to contribute, feel free to reply here or DM me. I built this to be developer-friendly and flexible, so if you need advanced features like caching, stroke outlines, or right-to-left support, I’m open to adding them in future versions.

2 Likes