Skip to main content

Text and typography

Draw a text object with the Text tool, then set its content, font, and alignment in the Typography section of the property editor.

The Typography section of the property editor for a text object
The Typography section of a text object.

Create text​

  1. Press T, or choose the Text tool in the tool palette.
  2. Click on the canvas, or drag to draw a box. Clate creates a text object with the word Text.
  3. With the text object selected, type your own words in the text field at the top of the Typography section of the property editor.

You change the content in the property editor. Clate does not edit text directly on the canvas. See Drawing tools.

Typography​

Select a text object. The Typography section has:

SettingWhat it does
Text fieldThe content of the text object.
FontThe font family, for example Arial.
StyleThe style of the font, for example Regular.
SizeThe size of the text, in pixels.
WeightHow bold the text is. Use the slider or type a number, for example 600 for semibold.
Spacing fieldsThree number fields for spacing. The field in the middle sets the space between letters, which is useful for small uppercase labels.
Text AlignmentLeft, center, or right, and top, middle, or bottom, inside the text box.
Text DecorationItalic, underline, and strikethrough. A button next to them opens more options.

The size of the text box comes from the Layout section. New text is centered in its box, so make the box as wide as the area where you want the text to sit and let the alignment do the rest.

Font family list open above the font field, showing the installed fonts
The font family menu.

Text color​

The Fill section of a text object sets the color of the text. See Fill and stroke.

Tips for a consistent look​

  • Use a small set of text styles and reuse them. The Welcome to Clate! project uses, for example, small semibold labels with extra letter spacing, regular body text, and one larger semibold size for headlines.
  • Copy and paste a text object to reuse its style, then change only the content.

Next steps​