Make a pixel font in your browser.

A normal font describes letter outlines with curves, then a rasteriser guesses how to fill the pixels at each size. That guessing is exactly what makes a pixel typeface look mushy: at small sizes the curves get hinted and anti-aliased into a soft blur. A pixel font skips the guessing. You place every pixel yourself at the size the font is meant to live at, so it stays crisp instead of being interpreted.

That precision is the whole appeal, and it is why pixel type carries so much character — a title screen, a watch face, a retro UI, a logo. The catch is that a hand-placed grid only looks right near its native size, so the move is to decide where it ships before you draw it.

The engine has a dedicated font mode. You can begin two ways: start from scratch at a chosen cell size and draw into blank glyph cells, or import a sprite sheet of glyphs you already have and let the tool slice it into cells you trace over. Either way you end up with one editable cell per character.

Draw the letters, numbers, and punctuation on the grid. The part beginners skip is spacing: a font is only as good as its rhythm. Set each glyph's advance width — how far the cursor moves after it — plus the left and right bearings, and a shared baseline so everything sits on the same line. A capital M needs more room than a lowercase i, and tuning that is what separates a font from a grid of letters.

If you need weight, generate Bold and Heavy automatically from your Regular master, then lock any glyph you have hand-finished so it is not regenerated. Preview with a real sentence as you go; spacing problems only show up in actual words.

For website text, the Clean Web Font profile builds TTF, WOFF, and WOFF2 plus a ready-to-paste @font-face CSS file, so headings and buttons render as real, selectable, scalable text. For games, logos, and fixed-size UI, the Exact Bitmap Pack keeps the pixels exactly as you drew them — a PNG atlas, a JSON manifest, and a BMFont file many engines and renderers read directly.

The honest tradeoff: a web font scales and stays selectable but anti-aliases as it grows; a bitmap pack is pixel-exact but tied to its size. Pick by where the type has to live, or export both from the one source.