magnifier
Language
  • English
  • German
Currency

Tools

PIXEL FONT DESIGNER


Compatible store LED modules -> Displays

Design Custom Pixel Fonts for MAX7219 LED Matrix Displays

Building a project with MAX7219 LED dot matrix displays? Whether you're making a scrolling message board, a Bitcoin price ticker, or an NTP clock — the built-in fonts often don't look right for your project. Our free Pixel Font Designer lets you design custom character fonts pixel-by-pixel, right in your browser, and export ready-to-use Arduino code.

Works with MD_Parola, MD_MAX72XX, and any MAX7219-based LED matrix project. No software to install — just draw, preview, and copy the code.

What You Can Do

The Pixel Font Designer is a complete font creation tool built specifically for LED matrix displays. You can design individual characters from 1×1 up to 32×8 pixels, see a live LED preview of how your design looks on real hardware, and export the byte arrays in both MD_Parola and MD_MAX72XX formats — ready to paste directly into your Arduino sketch.

The tool includes a full set of built-in starter fonts you can load and customize, rather than drawing every character from scratch. Six fonts are available: 3×5 Tiny (ultra-compact for small displays), 4×6 Small, 5×7 Standard (the classic LCD/LED default), 5×7 Bold, 6×8 Wide, Parola Bold (hand-crafted double-stroke), and 8×8 Block. Load any of these, then modify individual characters to create your own custom font.

How to Use the Pixel Font Designer

Step 1 — Start with a Base Font or Blank Canvas

Open the Font Library button and pick a starter font to load all 95 printable ASCII characters (space through tilde). This gives you a complete font set to customize. Or start with a blank 8×8 grid and design from scratch — use the W and H controls or the Size presets dropdown to set your character dimensions.

Step 2 — Draw Your Characters

Click any cell to toggle a pixel on or off. Click and drag to paint multiple pixels quickly. The green pixels on the drawing grid show exactly what will light up on your LED matrix.

Use the toolbar buttons to speed up your workflow: Clear erases the current character, Invert flips all pixels, Mirror H and Mirror V create reflections, and the arrow buttons shift the entire design left, right, up, or down by one pixel. Undo (Ctrl+Z) and Redo (Ctrl+Y) let you step back through changes.

Step 3 — Check the LED Preview

The LED Preview panel on the right shows your character rendered with realistic LED dot styling — round dots with glow effects, exactly as it would appear on the actual hardware. Switch between five LED colors (Red, Green, Blue, White, Amber) using the color picker dots to match your physical display.

Step 4 — Enable Grid Guides for Consistency

Check the Guides checkbox to overlay cap-height (row 1), baseline (row 6), and center lines on the drawing grid. These help you keep your letters aligned and consistent across the entire font — especially important for lowercase characters with ascenders and descenders.

Step 5 — Manage Multiple Characters

The character sidebar on the left lists all your designed characters. Click any character to switch to it for editing. Use the + button to add new blank characters, Duplicate to copy an existing one as a starting point, and the × button to delete characters you don't need.

Step 6 — Test with the Text Preview

Type any text in the Preview input field at the bottom and see it rendered across a simulated 32×8 LED matrix. Click ▶ Scroll Text to animate it scrolling left, just like MD_Parola would display it on real hardware. Click ▶ Scroll All Chars to cycle through your entire font set on the matrix.

Step 7 — Export Your Font

Three export formats are available at the bottom of the designer:

MD_Parola format — Column-major byte arrays with MSB=top. Each line shows the character width followed by the column bytes. Copy and paste directly into your Parola custom font definition.

MD_MAX72XX format — Row-major byte arrays with MSB=left. For use with the lower-level MD_MAX72XX library functions.

Full Arduino Font File (.h) — A complete, ready-to-compile header file with #include guards, PROGMEM storage, proper font header bytes (height, first/last ASCII codes), and all characters mapped by ASCII code. Save this as MyCustomFont.h in your Arduino project and add #include "MyCustomFont.h" plus P.setFont(myFont); to use it.

Step 8 — Share Your Design

Click the 🔗 Share button to generate a URL that encodes your entire font design. Share it with other makers, save it as a bookmark, or post it in forums — anyone who opens the link gets your exact font loaded in the designer.

Keyboard Shortcuts

Ctrl+Z — Undo last change. Ctrl+Y — Redo. These work on both the drawing grid and character management actions.

Tips for Better LED Matrix Fonts

Keep stroke width consistent — if your uppercase letters use 1-pixel strokes, your lowercase should too. Use the grid guides to maintain a consistent baseline. For tiny 3×5 fonts, every pixel counts — simplify letterforms aggressively. For wider 8×8 fonts, use 2-pixel strokes for better visibility at distance. Test your font with the scroll preview using actual words you plan to display, not just "ABCDEFG" — common letter pairs like "fi", "th", "qu" reveal spacing issues.

Try It Now

The designer is ready to use above. Design your custom LED matrix font, preview it live, and export the Arduino code — all free, no sign-up required.

Compatible Hardware and Libraries

The Pixel Font Designer generates code compatible with MAX7219/MAX7221 LED matrix driver ICs, the MD_Parola and MD_MAX72XX Arduino libraries by MajicDesigns, single 8×8 modules, and chained modules up to 32×8 (4 modules) or wider. It works with any LED dot matrix display that uses column-major or row-major byte addressing.

Need Parts for Your LED Matrix Project?

Browse our selection of MAX7219 LED matrix modules, ESP8266 and Arduino boards, and electronic components to build your next display project.

You have successfully subscribed!