Choose a font, set the spacing, and style your text.
Select text, and the Text panel appears on the right. Set the font, spacing, fills, strokes, and effects there. Alignment, Distort, and text splitting are in the sub-toolbar.
Text panel › Font
When you select text, this panel appears in the lower part of the right panel. To change a number field, type a number and press ↩, or drag the field’s name left or right.
Font Family
Click it to open the Fonts window beside it. A font you choose there applies right away. You can also type a name, but it must exactly match the English name shown in the field (for example, NanumMyeongjo). If you type a Korean font’s Korean name as shown in the list, or a wrong name, the text is drawn in a different font with no warning.
Size
The text size, in px. When you change it, Line Height changes in proportion, so the line spacing keeps the same feel.
- ⌘⇧.Increase by 1
- ⌘⇧,Decrease by 1
Weight
From 100 to 900 in steps of 100. The higher the number, the bolder the text. Each font comes with its own set of weights. The weights a font has show as numbers on its applied row in the Fonts window.
Line Height
The height each line takes up, in px. The first text in a new document has a size of 26 and a line height of 36. If the line height is smaller than the size, the lines above and below look like they overlap.
- ⌥⇧.Increase by 1
- ⌥⇧,Decrease by 1
Spacing
Extra space added between characters, in px. 0 is the font’s own spacing, and negative values tighten it. You can enter values in steps as small as 0.1.
- ⌥.Widen by 1
- ⌥,Narrow by 1
Fonts window
It opens beside the Text panel when you click the Font Family field. From the top, the list has Favorites, Recent, Project, and Available, and empty groups are hidden. The window opens scrolled to the current font, so scroll up to see Favorites and Recent.
Search fonts
Type a name in the field at the top of the window to narrow down Project and Available. It finds both English and Korean names. Recent and Favorites stay as they are while you search.
Language and category
The two lists below the search field narrow down Available. Languages show as codes such as KO, EN, and JA. The categories are Sans, Serif, Display, Script, Hand, Mono, and Pixel. Script is connected cursive, and Hand is lettering that looks written by hand. Korean handwriting fonts are under Hand. When you reopen the window, the search clears and the lists go back to All Languages and All Categories.
Font row
Each font’s name is drawn in that font. Click a row to apply the font to the selected text right away. The applied row turns blue, and the font’s weight numbers appear below it. When you change fonts, the weight goes back to 400 (or the closest weight if there’s no 400). To get the weight you want, click its number.
- Click a rowSwitch to that font
- Click a weight numberUse that weight
- Right-clickFavorites, source and license
Source and license
The i-shaped Source and license button at the end of the applied row’s weight numbers. It shows who made the font and its license. Click Full license to open the full text. For a font you haven’t applied yet, right-click its row to see the same information.
Favorites and Recent
Each time you apply a font, that font and weight are added to Recent. Once there are more than 12, the oldest drop off first. For fonts you use often, right-click the row and choose “Add to Favorites”. They stay in Favorites and never drop off. This menu is in English whatever the interface language. Both lists are saved in the browser you’re using, not in the project.
Upload font file
Click the Upload font file button (+) in the window’s title bar and choose a .woff2, .woff, .ttf, or .otf file. The font is added to Project, and if text is selected, it switches to that font right away. Project is near the top of the list, so scroll up to see it. The font name comes from the file name: “DoHyeon-Regular.ttf” becomes “DoHyeon” with weight 400. Uploaded fonts are saved inside the file with your work.
- Click the buttonChoose a font file
- Drag and dropA font file onto this window or the canvas
Font embedding
Click the gear-shaped Font settings button in the window’s title bar to open a menu for storing fonts inside the file. Its bottom line shows how many fonts will be stored and their size, like “Embedded · 1 font · 859 KB”. The menu items are in English whatever the interface language. In the list, fonts stored in the file have a small dot next to their name.
After you choose a font, the cursor stays in the Font Family field
Keys you press then don’t act as shortcuts: they’re added to the font name. After you choose a font, press esc. The field lets go and keeps the font you chose, and the Fonts window closes. Clicking the window’s × button also lets the field go. If letters were already added to the name, esc removes them too. If a name that matches no font was set with ↩ or a click on the canvas, the text is drawn in a different font, so press ⌘Z.
Text Style
The lower part of the Text panel has Fills, Strokes, and Effects rows. If you don’t see them, scroll down the panel. You add and remove rows the same way as in Fill, stroke, and shadow.
Fills
The color of the characters. New text starts with one black row. Click the row’s color square, then click Gradient at the top of the Colors window: the text fills with a gradient from white to black. Change the colors at both ends, and choose a shape: Linear, Radial, Angular, or Diamond. Text can’t use image or dynamic fills. Fills and gradients covers gradients in more detail.
Strokes
The outline of the characters. Click the + button next to Strokes and choose Color: a black 1px outline appears and the Colors window opens. Choose the outline color, then press esc to close the window. Drag the width number in the middle of the row left or right to set the thickness. The outline starts centered on the edges of the letters, so a thick outline covers their insides. To draw it only outside the letters, open the Stroke window with the sliders button at the end of the row and click Outside under Align. Text strokes have no dashes, trim, or line heads.
Effects
Adds effects such as Drop Shadow, Outer Glow, and Blur that follow the shape of the characters. Click the + button next to Effects and choose a type. Effects and blend modes describes the settings for each type.
Sub-toolbar
When you select text, text buttons are added to the right of the align and flip buttons. Hover over a button to see its name.
Text alignment
Four buttons for left, center, right, and justify line up multiple lines. Their names include “Text”, as in Align Text Center. Text with Auto Size on grows from its aligned side as it gets longer. Centered text grows out to both sides. In a paragraph with Auto Size off, Justify Text stretches each line to both edges of the box. If you split paragraphs with ↩, the last line of each earlier paragraph also stretches to both edges. For several paragraphs, make each paragraph its own text.
Vertical alignment
Three buttons for top, middle, and bottom (Align Text Middle and the others) set where the text sits vertically in its box. You see the difference when a box with Auto Size off is taller than its text. With Auto Size on, they set which part of the box (top, middle, or bottom) stays put as lines are added.
Bold · Italic · Underline · Strikethrough
Each click turns one on or off, and it applies to the whole text. Bold sets the weight to 700, and turning it off sets it to 500. So a title at 800 becomes 700, then 500. For an exact weight, use the Weight field or the numbers in the Fonts window. Only one of Underline and Strikethrough can be on at a time.
- ⌘BBold
- ⌘IItalic
- ⌘UUnderline
Auto Size
When it’s on (the default), the box grows and shrinks to fit the text. When it’s off, the box width is fixed and the text wraps inside it. The height doesn’t grow with the text, so longer text overflows below the box: adjust it with the bottom handle. Add text shows how to set the width with a handle.
Distort
Click it, and handles appear at the text’s four corners. Drag a corner to warp all the text in perspective, like a single sheet. The distortion stays when you select something else, and the handles show right away when you select the text again. Click the button again to turn the distortion off and flatten the text. Click it once more to bring back the shape you dragged. For details, see 3D and distortion.
Split Text
The scissors-shaped button. In the window that opens beside it, choose Word to make each word separate text, or Char to make each character separate text. Each Korean syllable and each emoji becomes one piece. The pieces go into a group in the Objects list, named after the original text, and keep their position, font, and color. A gradient starts over in each piece. Each piece can move on its own, so use this for animations where letters appear one at a time. One-click presets shows how to bring them in one after another. One ⌘Z undoes the split. The button is hidden while you’re editing the text.
Splitting leaves behind the motion and interactions on the original text
The pieces and the group inherit only the look. Transitions, keyframes, and interactions are gone, and any distortion is removed. Split text before you add motion. If you’ve already split it, press ⌘Z to get the original text back.
One word, dragging numbers, and files for each weight
To give just one word a different font. Split the text with Split Text › Word, then hold ⌘ and click the word to select it. Changing the font or color now affects only that piece. The pieces stay where they are, so if the word’s width changes, move the pieces next to it to even out the spacing.
To change a number by dragging. Drag a field name such as Size or Spacing left or right. Hold ⇧ while you drag to change it in steps 10 times the size, or hold ⌥ for steps one-tenth the size.
To combine files for each weight into one font. Choose files named “name-weight”, such as “MyFont-Regular.ttf” and “MyFont-Bold.ttf”, all at once. The part before the last - or _ becomes the font name and the part after it the weight, so they gather as weight numbers on one row. If you later upload a file with the same name on its own, it replaces the one you uploaded before.
Updated 10/15/2026 · The videos on this page were recorded in the current editor.