Text objects

Text properties

A number of special properties of text objects are described below.

• Content

You can enter text here. You can connect this property to a text input field so that the template user can edit the text.

• Font family

You can select any Google-Font or upload your own fonts to the project (.ttf, .otf, .woff2).

• Font style

Not every font supports all font styles (from "Thin" to "Black" – and italic). The drop-down menu only displays the supported font styles.

• Font size

Note that the property "Font Size" actually refers to the default font size – i.e. the size when no external restriction makes the text smaller. Text objects are designed so that they never exceed their bounding box (box highlighted in blue). The actual font size is automatically calculated by an algorithm that takes into account the content, font family, font style, (default) font size, line height and letter spacing of the text. In simple terms: the text will shrink to fit.

• Auto linebreaks

Auto linebreaks (automatic text wrapping) can be either enabled or disabled. It determines whether the text automatically breaks lines to keep the font size as large as possible (defined by the "Font Size" property), or whether the text is reduced in size when it reaches the horizontal limit.

• Text align

The Text Align property sets the alignment within the green (actual) bounding box.

Remember that you may need to adjust the origin property along with the alignment. This example illustrates the difference:

The only difference between these two text objects is that in one case the origin is at the top-left and in the other case it is center-center. In both cases, the alignment is set to "center".

• Uppercase

Uppercase is either enabled or disabled. If it is enabled, all characters are automatically converted to uppercase.