The Space Center is a specialized window for previewing text and adjusting glyph metrics.

Type a string of characters or glyph names in the input field – a text sample in the current font is updated in real-time with each new keystroke.

At the bottom of the Space Center is the Space Matrix, a table showing the horizontal metrics values for each glyph (advance width, left margin and right margin). These values can be modified to define the spacing of each glyph.

Text Input Field

The input text (main input field at the top of the window) supports input in different formats:

keys action
any text (abc) tries to match glyph names (a, b, c)
unicode character () tries to match the unicode values (ampersand, eacute)
/glyphName explicit name the glyphName
/glyphName@layerName explicit name the glyphName from an explicit layer
/? display the current active glyph
/! display the current selection from a font window
\n new line

Custom input strings can be stored in the Space Center Preferences.

Control glyphs

The two smaller input fields around the main input field are used to define left and right control glyphs for the sample. These glyphs are shown before/after each glyph defined by the main string.

Editing metrics

Metrics can be edited by selecting and dragging a glyph, or by using arrow keys to control the Space Matrix.

Editing with the mouse

action description
click on a glyph Select the glyph.
click outside of a glyph Deselect the glyph.
click + drag left or right margin Move the left or right margin.
click + drag glyph contours Move the glyph horizontally inside its width.
⌥ + click + drag glyph contours Move the glyph vertically.
⌥ + ⌘ + click + drag glyph contours Move the glyph horizontally and vertically.

Editing with the arrow keys

Requires a selected glyph.

action description
arrow left or right Subtract or add 1 unit to the width of the glyph (affects right margin).
⇧ + arrow left or right Subtract or add 10 units to the width of the glyph (affects right margin).
⇧ + ⌘ + arrow left or right Subtract or add 100 units to the width of the glyph (affects right margin).
⌥ + arrow left or right Subtract or add 1 unit to the left margin of the glyph.
⌥ + ⇧ + arrow left or right Subtract or add 10 units to the left margin of the glyph.
⌥ + ⇧ + ⌘ + arrow left or right Subtract or add 100 units to the left margin of the glyph.

Nummerical fields

Input fields for Width, Left and Right values take in a number, or can be defined as the result of a calculation with values of other glyphs.

action description
any number (123) Sets value to the given number.
arrow up or down Subtract or add 1 unit to the selected value.
⇧ + arrow up or down Subtract or add 10 units to the selected value.
⇧ + ⌘ + arrow up or down Subtract or add 100 units to the selected value.
⌥ + arrow keys Jump to next, previous, above or below current input field.
tab Jump to the next input field.
⇧ + tab Jump to the previous input field.
⌥ + tab Jump to the input field below.
equal sign followed by glyph name (=a) Sets value to be equal to the value of the assigned glyph.
simple math expression like =e+10-z*10 or -=10+a Sets value to be equal to the result of the evaluated expression.

Display options

option description
Show Kerning

Toggle display of kerning.

Only kerning defined in the UFO is shown. Kerning defined in the kern feature is not displayed.

Suffix ▸

Use glyphs with the selected suffix if available in the font.

The suffix list is generated from all glyph names containing a dot. For example, if the font contains a glyph named ampersand.alt, the suffix .alt will appear in the list.

Show Layers ▸ ...
Multi Line Break text into multiple lines .
Single Line Display text as a single line.
Water Fall Display a waterfall sample with a range of text sizes.
xHeight Cut Invert foreground and background shapes between baseline and xHeight (ascenders and descenders are clipped). Helps to visualize whitespace when spacing.
Inverse Invert foreground and background colors.
Show Metrics Show metrics values for selected glyph.
Left To Right Display text from left to right.
Right To Left Display text from right to left.
Center Display text aligned to center.
Upside Down Flip text vertically.
Beam Use a beam to measure left and right side-bearings at a given height.
Guides Show font-level guidelines.
Blues Show blue zones.
Family Blues Show family blue zones.
Fill Display the fill of the glyph contours.
Stroke Display the stroke of the glyph contours.
Line Space Add space between text lines.
Show Control Glyphs Toggle the display of control glyphs in the preview text.
Show Space Matrix Toggle the Space Matrix.

Space Center in action

Last edited on 10/12/2017