- Print Design
Text Settings & Editing
Learn how to edit text in Kittl - from changing entire textboxes to styling individual characters. You can apply text properties at two levels:
- Textbox-level: Affects all text inside the box
- Character-level: Affects only selected words or letters
Editing text
- Double-click a text box to enter edit mode.
- Click outside the text box or press ESC to exit.
- To style text, either select the text box or highlight characters.
To style an entire textbox:
- Click once to select it (without entering edit mode).
- Use the Text Settings panel on the right.
Tip: Triple-click inside the textbox while in edit mode to select all characters.
To style specific words or letters:
- Double-click to enter edit mode.
- Highlight the text you want to change.
- Use the Text Settings panel.
You can adjust:
- Font: Choose from the typeface dropdown.
- Font weight: Select a weight (e.g., Regular, Bold) or use the slider (for variable fonts).
- Font size: Use the arrows or enter a custom value.
- Letter spacing: Adjust the space between characters using the arrows or by entering a value.
- Line height: Adjust the vertical space between lines using the arrows or by entering a value.
- Alignment: Align text left, center, right, or justified.
- Uppercase: Toggle all caps on or off with the TT button.
- Ligatures: Enable or disable with the fi button.
Fonts (Typeface)
- Select a text box or highlight characters.
- In the Text Settings panel, click the Font dropdown.
- Choose a font and click to apply.
Font weight
- Select a text box or highlight characters.
- In the Text Settings panel, click the Font Weight dropdown.
- Select a weight (e.g., Bold, Italic, Regular) or use the slider for variable fonts.
Font size
- Select a text box or highlight characters.
- In the Text Settings panel, adjust Font Size.
- Use the arrow keys on your keyboard or enter a custom value to adjust the size.
- You can also drag the corners of the text box (applies to the whole box only).
Letter spacing
- Select a text box or highlight characters.
- In the Text Settings panel, locate Letter Spacing.
- Use the arrow keys on your keyboard or enter a value to adjust the horizontal spacing between characters.
Line height
- Select a text box or highlight characters.
- In the Text Settings panel, locate the Line Height input.
- Use the arrow keys on your keyboard or enter a value to adjust the vertical spacing between lines.
Tip: Line height applies to the entire line even though it can be applied to certain characters.
Text alignment
- Select a text box or highlight characters.
- In the Text Settings panel, click on any of the alignment buttons that suits your needs.
Tip: Text alignment applies to the entire text block, not individual characters.
Uppercase
- Select a text box or highlight characters.
- In the Text Settings panel, click the TT button to toggle uppercase on or off.
Tip: Useful for styling callout words or headlines with mixed casing.
Ligatures
- Select a text box or highlight characters.
- In the Text Settings panel, click the fi button to enable or disable ligatures.
Tip: Ligatures depend on the selected font. Not all fonts support them and some may also include stylistic ligatures.
Editing transformed or decorated text
Text transformations and decorations (like curves, waves, shadows, textures, and outlines) apply to the entire text box, but you can still style characters individually within these effects.
- Select a decorated or transformed text box.
- Highlight words or characters and adjust: Font Font weight Font size Letter spacing Uppercase Ligatures
Changes will appear inside the transformed text (e.g., curved or warped layouts), giving you precise control over complex typographic designs.
⚠️ Character-Level Limitations
Borders (Stroke) are currently not supported at the character level. Applying a border affects the entire text box.