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]
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)
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]
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 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
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 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 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