Typography panel
Control every aspect of text styling from the typography section of the inspector.
Overview
The typography panel appears in the right inspector whenever a text layer is selected. It contains all controls for how text looks and flows. Most settings also apply at the character level: select a range of text in edit mode, then change a setting to apply it only to the selection.
Controls reference
Font and size
| Control | What it does |
|---|---|
| Font family | The typeface. Type to search installed and Google Fonts. |
| Font weight / style | Bold, Regular, Italic, and other style variants available for the chosen family. |
| Font size | Point size of the type. Keyboard: select field, use ↑ / ↓ to nudge by 1 pt, Shift+↑ / ↓ to nudge by 10 pt. |
Spacing
| Control | What it does |
|---|---|
| Line height | Vertical space between lines. Can be set in pixels (absolute) or as a multiplier (e.g., 1.5). |
| Letter spacing | Horizontal space between characters (tracking). Positive values spread letters apart; negative values tighten them. |
| Paragraph spacing | Additional space added between paragraphs (after a hard line break). Stacks on top of line height. |
Alignment
| Option | Behavior |
|---|---|
| Left | Text aligns to the left edge of the text box. |
| Center | Text centers within the text box. |
| Right | Text aligns to the right edge. |
| Justify | Text fills each line by adjusting inter-word spacing. Last line is left-aligned. |
Vertical alignment (Top, Middle, Bottom) controls where text sits within a fixed-height text box.
Decoration
| Option | Behavior |
|---|---|
| Underline | Line beneath the text baseline. |
| Strikethrough | Line through the middle of the text. |
Text case
Transform the visible case without changing the underlying content:
| Option | Example |
|---|---|
| None | As typed |
| UPPERCASE | ALL CAPS |
| lowercase | all lowercase |
| Title Case | First Letter Of Each Word |
Lists
List controls are visible in the Typography section but are currently disabled. Bulleted, numbered, and nested list formatting is not yet available from this panel.
Truncation
The truncation control is visible in the Typography section but is currently disabled. Ellipsis clipping is not yet persisted on text layers.
Tips
- Set line height in multiplier form (e.g., 1.5) for text that should scale with font size. Use pixels only when you need an exact absolute value.
- Paragraph spacing is invisible when there are no hard breaks — press Enter inside the text to create paragraphs and see the effect.
- Letter spacing set to −20 to −30 on large headings (72 pt+) can improve optical density. Always check at smaller sizes too.
- Use Text case instead of typing in ALL CAPS so the actual content remains editable and can be easily rephrased.