Text tool

The Text tool can be found on the Toolbar. You can also hit the shortcut key Ton your keyboard to activate the tool. With the Text tool active, you can click anywhere on the canvas to create a text layer and can start typing.

If you need specific dimensions for your text layer, you can also click and drag to draw the size of your text layer.

When you select a text layer, the corresponding text properties will display on the Inspector.

Fonts:

1. Font Family: Select a typeface for your text. [Note: Fable defaults to Roboto and not every language supports it. For example, Roboto is not supported in Indic/Brahmic. You can adjust fonts accordingly per language needs]
2. Upload Custom Font: Upload a font file that you have on your computer to use in Fable. This is signified by the cloud icon to the right of the font family selector.
3. Font Weight: Adjust how bold or light your text appears.
4. Font Size: Change how big or small your text is. Fable uses pixel values.

Spacing and Alignment:

1. Character Spacing (Tracking): Modify the space between individual letters. Higher values increase spacing.
2. Line Height (Leading): Adjust the vertical space between lines of text. Larger values create more space. Fable calculates this as a % of the font size (A value of 1 on a 20px text layer will have a line height of 20px)
3. Text Alignment: Choose whether the text horizontally lines up on the left, right, or center.
4. Vertical Text Alignment: Set text to appear at the top, middle, or bottom of its bounding box.
5. Line Break: Select how you’d like your text to wrap within its bounding box. You can find this option within the […] overflow menu to the right of vertical text alignment.
   1. Word: Moves whole words to the next line if they don’t fit.
   2. Character: Splits lines after each letter, even in the middle of words.
   3. Dynamic: A blend of word and character wrapping. It starts like word wrapping, but if a word is too long to fit within the width of the text layer, logic switches to character wrapping

Fill & Dimensions:

1. Fill: Choose the fill for your text. Text layers can have solid colors and gradients as their fills.
2. Opacity: Adjust how dark or light you want your text and set opacity keyframes here
3. Width/Height: Set the dimensions of your text box.

Display:

1. Content: This is the actual text or message you want to display in your design. You can set keyframes here to adjust your text content at key moments in your project.

Size and transform

Like any other layer, you can adjust the size and transform properties of the layer using the bounding box or inspector. When using the bounding box, remember that the squares are for adjusting the layer’s scale and the circles are for adjusting the layer’s dimensions.

Convert to shapes

You can convert a text layer to shapes to adjust and animate path data. To convert your text layers into shapes:

1. Right-click the text layer on the Canvas or the Timeline
2. Select the “Convert to shapes” option

After converting your text layer to shapes, you won’t be able to adjust the content anymore and the details in the inspector will represent that of a shape vs text.

Right click a text layer in your layer list to bring up the context menu & select 'Convert to shapes'

Converting your text layers into fully editable shapes, grants you complete control over your typography and messaging.

After converting your text to shape, the Inspector will reflect Shape transform properties and you can add effects accordingly.

From adjusting individual letters to refining spacing, curves, and corners, the possibilities are limitless. You can also animate the path data to create fully customized text animations with ease.

Fable's language support is determined by the scripts that are supported by our rendering engine.

Scripts can be used by one or more languages. For instance, although English, French, German, Norwegian, and Portuguese are distinct languages & writing systems —with their own alphabets, conventions, and diacritic usage — they all use the Latin script.

Below is a table of Fable's script support and a few example languages that would be covered by that script.