Working with Text

Text properties

When a text object is selected the Appearance panel will show several character and paragraph properties.

Basic Text Properties (1)

Color (1)

Here you can choose a solid color of the selected characters or the whole text box. Every letter in the text box can have a different color.

Font Family (2)

You can pick up a typeface for the selected text. You can have multiple fonts inside one textbox. There are 3 font buckets:

1. Web Fonts(1) tab includes all of the fonts contained in the Google font library.
2. Imported Fonts(2) tab includes all of the custom fonts that you imported manually inside Gravit Designer. To import your fonts go to File > Import > Add Fonts and point to the font files on your computer. Compatible font formats are TTF, OTF, TTC, and DFont.
3. System Fonts(3) tab shows all fonts installed on your OS. Note that this option is only available in the desktop version.

Weight and Style (3)

Shows all the weight and styles available font (light, regular, bold, italic, and more).

Font Size (4)

You can select preset sizes from the drop-down list or type in your own desired size. The font size is displayed in points (pt) for all units except pixels, where the font size is displayed in pixels also.

Decoration (2)

(1) Bold – only active when the font has a bold weight.

(2) Italic – only active when the font has italic style.

(3) Underline  – draws a line at the bottom of the characters.

(4) Strikethrough – draws a line in the middle of the characters.

Horizontal Alignment(3)

This section controls the horizontal position of the text in the textbox.

1. Left(1) is a default alignment option in Gravit Designer. The text is floated to the left side of the textbox.
2. Select Center(2) if you want to position text in the center of the textbox.
3. Select Right(3) if you want to float text to the right of the textbox
4. Fully justified(4) (words are spaced to fill the text box).
   

Vertical Alignment(4)

This section controls the horizontal position of the text in the textbox.

1. Select the Top(1) to stick a text to the top of the textbox. It’s a default option in Gravit Designer.
2. Select the Middle(2) to position a block of text in the vertical center of the textbox.
3. Select the Bottom(3)  to stick the text to the bottom of the textbox.
   

Spacing Text (5)

Adjust value in the Char text field(1) to kern or track letters in the words (kerning and tracking is a process of adjusting the space between two or more glyphs). To learn more about tracking and kerning, please, read our Art of Kerning article in Gravit Designer Medium blog.

Type numbers in the Word text field(2) to adjust the space between two or more words in the sentence.

Adjust value in the Line text field(3) to change the leading or line spacing in Gravit Designer. The default value is 100%. You can type a value or use or to increase or decrease the distance between the lines in the block of text. Also, you can switch to px values by clicking on the % sign.

Sizing (6)

Sizing section defines how textual content fits the text box. Changing the width to Auto instead of Fix resizes the text box to fit the text.

Select Auto for Width(1) if you want the textbox width to fit the width of the content inside.

Select Fix for Width(1) if you want the content to wrap the fixed-width textbox.

Select Auto for Height(2) if you want the textbox width to fit the width of the content inside.

Select Fix for Height(2) if you want the content to wrap the fixed-height textbox.

Text Direction and RTL Support (7)

Head over to the Script panel(7) to set a  writing direction or orientation:

1. Left-to-Right(1) (default)
2. Right-to-Left(2)
3. Top-to-Bottom(3) – set the text vertically.
   

Text Script

By default the Text Script dropdown under the Script Section is set to Auto(1) – Gravit will try to guess the script that should be used.

You can choose it yourself from the available options(2).

Autoscale Font (8)

“Autoscale Font” in the text properties panel, the text will be resized like any other vector object. (“Autoscale Font” was called “Scale Font on resizing” in older versions of Gravit Designer).