Please take a few minutes to read this through since typism works a bit differently than other vector editors.

First things first

To save anything you have done you will need to have an account at Google. The account for your Gmail or any other service will do if you already have one or you can create one for free.

To start a new project make up a new name. Note that the name is going to be part of the address which can only contain lower-cased alphanumeric characters and minus.

Or you can continue with a project already registered and listed here.

The interface

Then you can see something like this:

Let us have a closer look:

Home page. This site resembles a tree structure where the roots are other fonts which you modify and combine and fork to create new fonts or branches. Roots = branches.

Latest revision. All the previous versions somehow lead to the latest one. In revision control systems this main branch is often called "tip" or "trunk".

List of all revisions. A change can sometimes be referred to as a "delta". You can also subscribe to this page via a feed reader to keep track of the changes.

These five icons enter the editor:

Write font description. You can use Creole markup for more complex text formatting.

We well get to and in the next paragraph.

Source code. The underlying path data is just a text so you can modify it by hand.

Test. See how a text set in the font looks like.

Copy. It always creates a new revision so it wont save over the older one. Please always try to fill in the summary as it is used to navigate through the history.

Reset. Loads the revision again, effectively exiting the editor without storing any changes.

Then there is the character map with selectable Unicode code points and a few links.

Glyph editing

Here is where probably most of the work is going to happen.

You can zoom with the mouse wheel and pan around by click-dragging the right mouse button.

Selects and moves the points.

Every new selection discards the previous one, you select a single point by clicking on it and a group of points by dragging the mouse while holding its left button down. Move the selection by dragging any of its points.

If there is no selection just the glyph is shown in solid view so you cannot click-select now. However, by starting to group-select the outline mode is turned on along with all the points and the typographical guides like baseline and x-height.

A single selected off-curve control-point has one additional handler which maintains the smoothness between this point, its closest on-point and the first point behind the on-point. This way you can switch between sharp and smooth edges quickly.

Draws a contour.

To draw new contour click on an empty area or a contour including all of its unselected points. To finish click on the point you started from or the original contour and the shorter part between the start- and end-point gets replaced by the newly drawn part.

The clicking on unselected point converts it to an on-point and selects it and the clicking on selected one deletes it. Sometimes this would result in a segment with too many off-points so it always converts the adjacent points to on-points.

Note that you cannot only move a point. It is possible to drag it but you are immediately starting to draw a new contour. To cancel the drawing you can either switch to another tool or just redraw the same part you are going to replace by this.


I hope this was not too confusing and if you have any questions feel free to contact me. And remember this is a wiki so everyone can edit all texts (and fonts) and I encourage you to do so.