/ Creative tools / Font Creator Studio
Local-first
Tools
DESIGN WORKSPACE • TYPE & GLYPHS

Font Creator Studio

Draw letterforms, tune their spacing, and bring your own font to life.

Aa
Font familyPixelOkay Geo
▧
Defined glyphs45
⟷
Kerning pairs5
◈
Font styles1
02 / VECTOR OUTLINES

Uppercase A

U+0041
Drag an anchor to reshape your glyph1000 units / em
Cap height 700 Baseline 0 Descender −200
Outline contours0 shapes
Keyboard-accessible pointsSelect an outline path first
04 / FONT QUALITY

Pre-export diagnostics

Checks outline geometry, missing drawings and kerning references. Not a substitute for professional font QA.

05 / LIVE TYPE TESTER

See your type in action

Preview your original outlines, spacing, and kerning as you design.

Every letter is drawn from your editable outlines.
06 / FONT PROOF

Test your generated font in the browser

Uses the actual exported TTF via FontFace, not the Canvas outline preview.

AVATAR HAMBURGEFONS Type 123 · AV To Wa

Choose Refresh font proof to compare exported spacing and glyphs.

Your files stay yoursAll editing and font generation happen on this device.
Ready to use anywhereExport TTF, WOFF, project JSON or an entire font family ZIP.
Built for learning & makingQuadratic Bézier outlines, metric guides, and Unicode-aware kerning.
READY TO EXPORT

Create your font

Generate installable font files, a full family bundle, or an editable project.

Export includes only glyphs you have defined. No automatic hinting, ligatures, or variable font axes.
WORKSPACE GUIDE

Make your own font

  1. Choose or add a glyph. Select a character in the library, or enter a Unicode code point like U+00E9.
  2. Draw shapes. Drag with Rectangle/Ellipse, or click with Pen to place at least three points and Finish path.
  3. Edit curves. Select and drag nodes; use Curve point to convert between smooth quadratic control and on-curve anchors. Arrow keys nudge selected nodes.
  4. Use keyboard-accessible point controls. Choose a path and point, set exact X/Y coordinates, or insert a midpoint. Undo and redo preserve your selection.
  5. Run pre-export checks. Review outline diagnostics and export a JSON report; use Font proof to inspect the actual generated TTF.
  6. Adjust spacing. Set advance width and bearings; use kerning pairs such as AV.
  7. Preview and export. Test multiline text, save the project, or download TTF, WOFF and complete family ZIP.

Important: The starter letters use editable geometric strokes. They are a learning template, not a professionally hinted typeface. Use Print/Preview and test your exported font on target systems.

Using Font Creator Studio

Choose a glyph, edit its contours and spacing, then adjust supported kerning pairs. Review diagnostics and refresh the generated font proof before exporting. Keep editable JSON alongside binary font files for later work.

This is a bounded glyph/font authoring tool, not a professional font-quality or standards certificate. It has no existing-font binary import, WOFF2, CFF OTF, variable axes, hinting, shaping or ligatures. Starter lowercase designs are geometric small caps. Diagnostics are advisory; test exported fonts on target systems and keep portable JSON beyond browser drafts.

Workflow and output choices for Font Creator Studio

Design glyph outlines and spacing, preview a specimen, review advisory diagnostics, then export a TrueType font, WOFF 1.0 or editable project.

TTF and WOFF are font files for testing on target systems. The JSON project retains editable glyph and style data; a family ZIP groups the supported font files with the project and a readme.

Example workflow

  1. Choose a glyph and adjust its contour points and advance spacing.
  2. Preview a short specimen and adjust supported kerning pairs; use diagnostics to spot basic issues.
  3. Save the JSON project and export TTF or WOFF 1.0, then install or test the font in the intended application.

Authored example: Create a fictional lowercase “a” by editing its contour and spacing, then inspect it beside two other authored glyphs in the specimen preview. This is a suggested exercise, not a generated font-quality result.

Limits and handling: The exporter creates supported TrueType outlines and WOFF 1.0; it does not import existing font binaries or support WOFF2, CFF OTF, variable axes, hinting, shaping or ligatures. Diagnostics are advisory, not a standards or quality certificate.

Font Creator Studio questions

Can I open an existing TTF and edit its glyphs here?

No. This workspace authors glyphs in its own project model; it does not import existing font binaries.

Does a clean diagnostic report prove the font will work everywhere?

No. Checks are basic and advisory. Test exported fonts on the operating systems and applications where you plan to use them.

Related tools