Editing Tool

A tool to edit existing glyph data.

Point Selection
click (no selection) deselect all
click drag (no selection) select all points in selection marque
click point select point
click shift toggle selected points
click drag moves the selected points
click drag shift moves the selected points on x, y or 45° axis
click drag alt if the points does not have a bcp it creates one other wise it will un-smooth the point and only move the on curve point
click drag control copies the selection while dragging
click drag alt (single bcp selection) bcp becomes not smooth
click drag alt command (single bcp selection) bcp becomes smooth and the bcp values are mirror on the other bcp is there is one.
command drag smooth point
  • if selection is an oncurve point it will be moved over the handles
  • if off curve point the handle will be moved in the same direction as the handle
join / close contour if contour is open and first or last on curve point is dragged on top of another first or last on curve point the contour are joined or close
tab jump to the next oncurve point
Segment Selection
click select segment
click shift add segment to selection 
click drag (single segment selection) move the selected segments around
click drag alt (single segment selection)
  • for line segment: create curve segment (adds two bcps)
  • for curve semgent: drag the handles around. (this will un-smooth your on curve points)
click drag command (single segment selection)
  • for line segment: move the selected segment around
  • for curve segments: the bcp are following the handle direction
click drag shift (single segment selection) all points fixed are on x, y or 45°, works also with alt and command down
click drag control copy the selected segment during drag
command alt (no selection) add point on contour
Contour Selection
double click select contour
click drag (in/on selection) move the selection
click drag shift (in/on selection) move the selection on x, y or 45°
Component Selection
click select the component
click shift toggles the component selection
drag move the components around
drag shift move the components on x, y or 45°
triple click (in the component) go to the base glyph to edit

 

Copy Paste

 

Copy
selection copies the selection from the current glyph
Paste
from glyph editor paste the copied selection into the current glyph
from font collection paste the copied selection into the current glyph
from illustrator paste the copied selection into the current glyph

 

 

Contextual Menus

 

Right Click no selection
Add Component Opens an Add Component sheet.
Add Anchors Opens an Add Anchor sheet.
Reverse Reverse the whole glyph.
Remove Overlap Removes overlaps the whole glyph.
Auto Contour order Tries to order the contours.
Add Extreme Points Adds extreme points.
Corrent Directions (PS) Corrects contour direction to postscript directions.
Corrent Directions (TT) + alt Corrects contour direction to truetype directions.
Lock Guides Locks all guides in RoboFont.
Lock Images Locks all images in RoboFont.
Copy To Layer List all available layers to copy to.
Copy To Layer + alt List all available layers to swap to.
Right Click with selection
Reverse Reverse the only the selected contours.
Remove Overlap Removes overlaps only the selected contours.
Labels Add labels to the selected points.
Right Click on point
Break Contour Breaks the contour at the selected point.
Reverse Reverse the whole glyph.
Set Start Point Set the selected point as starting point.
Right Click glyph contains a component
Component -> Go to Jump to glyph with.
Component -> Go to+ alt Decompose component with base glyph.
Component -> Decompose Selected Decompose selected components.
Component -> Decompose All Decompose all components.
Right Click on Anchor
Name Set name for the selected anchor.
Right Click on Guide (see guides)
Right Click on Image (see images)

 

Editing Examples

[vimeo https://vimeo.com/34351633]

Bezier Tool

A tool to draw contours.

Mouse
click (no selection) add a point
alt click (no selection) add a line segment
click (on selection) when its the last point of an open contour the contour will become the main contour to add points
click shift adds point which is on the x, y or 45° of the previous on curve point
drag adds bcp, they are all smooth
drag shift move the bcps of the last added point on x, y or 45°
drag alt un-smooth the bcp
click alt command add a point on a contour
move over starting point can close the contour
double click add a point and close the the contour
Key board
arrow keys move last added point by 1 unit
arrow keys shift move last added point by 10 units
arrow keys shift command move last added point by 100 units

Slice Tool

Will add points on dragged slice line.

click add a starting point of a slice line
drag sets end point of slice line
drag shift adjust slice line on x, y or 45°
mouse up slice the glyph according the slice line

When the slice line has 2 intersection on the same contour it will cut the contour, otherwise is will just add points. 
(Guides can also slice see Guides)

Measurement Tool

Draws a measurement line over the glyph.

click add a starting point of a measurement line
click alt possible to add multiple measurement lines
click no drag will remove all measurement lines
drag sets end point of measurement line
drag shift adjust slice line on x, y or 45° or when started on a segment it will the angle from the point on that segment.
click drag start/end point modify the measurement line
Menu ⇢ Glyph
Show Measurement Info Toggles displaying measurement info in the glyph view.

 

[vimeo 47779626]

Layers

RoboFont can handle layers inside a single UFO. The idea is to have it very flexible. Some will use it as a way to separate different stages of a font. Others will use it as way to collaborate and other others will use it like multiple master. 

Users can add, delete, reorder layers in the layer inspector pane.

There is no limit on the amount of layers in a glyph. 

Layers names are ASCII without spaces, slashes and semicolons.

Layers can have any color. Used to be displayed in the background of the glyph editor.

+ add layer
- remove layer
eye toggle the selected layer visibility when displayed in the background of the glyph editor
filled rectangle toggle the selected layer fill when displayed in the background of the glyph editor 
stroked rectangle toggle the selected layer stroke when displayed in the background of the glyph editor
point toggle the selected layer show points when displayed in the background of the glyph editor
coordinate toggle the selected layer show point coordinates when displayed in the background of the glyph editor 

 

Read more: Inspector 

 

Components

Components can be add to a glyph with the Add Components sheet.
(contextual menu of the Editing Tool

typing will make the possible options smaller
arrow keys (up and down) will move up or down in the selection
tab jumps from 'Starts With' to 'Contains' and back 
enter add the component 
Copy Metrics will change the metrics of the glyph based on the added component 

 

Contextual Edit menu with component options

 

 

Images

Each layer can contain a single image. Drag & drop any .png, .jpeg or .tiff file on the glyph view and an image will be created. Working with multiple layers is a way to add multiple images.

The Editing Tool can handle editing the image.

 

The image data is not stored in the UFO file, only the path is stored. But there as saving options ‘save image next to the UFO’ that allows you to collect all images in a assets folder next the UFO.

Contextual menu

 

Brigtness Set the brightness of the selected image.
Contrast Set the contrast of the selected image.
Saturation Set the saturation of the selected image.
Sharpness Set the Sharpness of the selected image.
Black & White Toggle the selected image to black & white.
Set Scale Opens a sheet that helps you to transform the image to the baseline, x-height. (see below)
Set Scale

The Set Scale sheet helps you to transform the image in 3 clicks to the font horizontal metrics.

Define the following points just by clicking on the image:

  • zero zero point
  • define a base line
  • define the height based either the x-height, cap-height, ascender or descender

The defined points are editable after the mouse down.

Guides

Guides can be dragged from the rulers (see Display Options)

 

drag from rulers  create a guide
drag from rulers command create a global guide (font level guide)
drag alt rotate guide 
mouse over cursor changed with guide values
drag over point in glyph stick to that point
drag out of the view delete the guide 
Contextual menu
Name name for the guide
Position center point of the guide x, y coordinate
Angle angle of the guide
Is Global Make the guide global (on font level) or local (only used in one glyph).
Display Measurements Display where the guides touches the glyph.
Magnetic Determine how fast a dragged selection should snap to the guide. 
Lock Guides Lock all guides
Lock Images Lock all images
Slice Glyph slice the glyph by the guide
Delete Guide Delete the guide

 

[vimeo https://vimeo.com/48438706]

Transform

Transform let users transform selections or whole the glyph. Transform is available when the Editing Tool is active. To switch to transform mode can either be through the app menu bar 'Transform' or 'command-T' or you can create a Hot Key in the Preferences. Double click the selection will also switch into transform mode.

Double click outside the transform box will deactivate transform.

Once users switched into transform mode it possible to translate, scale, rotate and skew the selection.

Translate

Move the selection around. Translate is the default transform setting. (square corner points)

click + drag translate the selection
click + drag one of the four corners or their middle points scale the selection
drag + shift translate moves the selection on x, y or 45° axis
drag + shift one of the four corners of their middle points scale on x, y, 45° axis or proportional based on the transform box of the selection 

 

Scale

Scale the selection. Activated when ‘command' is down. (diamond corner points)

click + drag start scaling the selection
drag + shift scale on x, y, 45° axis or proportional based on the bounding box of the selection 

 

Rotate

Rotate the selection, Activated when 'alt' is down. (round corner points)

click + drag rotate around the mouse down point
drag + shift rotate on x, y or 45° axis

 

Skew 

Skew the selection. Activated when 'command + alt' is down. (triangular corner points)

click + drag skew around the mouse down point
drag + shift skew on x, y or 45° axis

 

Read more: Editing Tool, Inspector

Display options

Glyph display options

Display
Fill toggle display glyph fill
Stroke toggle display glyph stroke
Metrics toggle display metrics
On Curve Points toggle display on curve points
Off Curve Points toggle display off curve points
Point Coordinates toggle display point coordinates
Point Indexes toggle display point indexes
Contour Indexes toggle display contour indexes
Anchors toggle display anchors
Labels toggle display point labels
Curve Length toggle display curve length
Outline Errors toggle display outline errors
Blues toggle display blues
Family Blues toggle display family blues
Rulers toggle display rulers and guides
Grid toggle grid
Bitmap toggle bitmap representation
Scale
Fit fit the glyph to the current size of the glyph view
percentage scale value