A quick font glyph maker

Drawing outlines

• Left click to place a point. Plain points are snapped to the grid.
• Left click-drag to place a curve point. Curve controls do not snap to the grid.
• Right click to close a contour and start a new point "layer".

Keyboard controls

• Press space to turn the input mode into "pan" mode, instead.
• Left click-drag while in pan mode to explore the off-quad regions
• Press cmd-z (OSX) or ctrl-z (Windows) to undo point placement. Note that there is no "redo".

Modifying outlines

• Left click-drag to move an existing point.
• Left click a point with curve controls to turn it into a plain point.
• Left click a plain point to either restore its previous control points, or invent ones if there were none previously.
• Left click a control point to delete it (after confirming the safety dialog). This cannot be undone.

Flattening and getting the outline data

• Click "save" and give the glyph outline a name.
• All contours will get unified (using Paper.js), and the resulting outline is given as SVG path, for pasting in an SVG skeleton, as well as TTX XML form for pasting into a .ttx source file.
• You can load this shape back up by pressing its associated button. These are backed by localStorage, and are preserved across reloads.

Click this text to collapse the instructions, or reveal them if collapsed.