Text Tool
Text Tool
Learn how to access the text tool and discover its supported features in Fable.
Adding Text
Find the Text tool in the Toolbar or press
T
.Click on the Canvas to create a text layer.
Click + drag for specific text layer dimensions.
Modifying Text
Select a text layer to see properties on the Inspector.
Fonts: Choose font family, upload custom fonts, and adjust weight and size (px).
Spacing and Alignment: Modify character spacing, line height, text alignment, and line break behavior.
Fill & Dimensions: Choose fill, adjust opacity, and set the width/height of the text box.
Display: Set content and keyframes for dynamic text changes.
Note: Fable defaults to Roboto, and not every language supports it. For example, Roboto is not supported in Indic/Brahmic. Adjust fonts for language needs. Fable supports .ttf
font files for custom fonts.
Editing Text Layers
Adjust the size and transform properties using the bounding box or Inspector.
Convert text layers to shapes
Right-click the text layer on the Canvas or the Timeline
Select the “Convert to shapes” option
Fully control typography, spacing, curves, and corners after conversion.
Animate path data for customized text animations.
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.
Language Support
Fable supports various scripts, including Latin, Cyrillic, Greek, Han characters, Kana, and Korean.
Not supported: Arabic, Hebrew, and Indic scripts.
Workaround for unsupported scripts: Create text in other tools like Figma, then import using SVG.
Fable's language support is determined by the scripts that are supported by our rendering engine.
Scripts can be used in one or more languages. For instance, although English, French, German, Norwegian, and Portuguese are distinct languages and writing systems—with their own alphabets, conventions, and diacritic usage—they all use the Latin script.
Explore Fable's script support and see examples of covered languages.
Adding Text
Find the Text tool in the Toolbar or press
T
.Click on the Canvas to create a text layer.
Click + drag for specific text layer dimensions.
Modifying Text
Select a text layer to see properties on the Inspector.
Fonts: Choose font family, upload custom fonts, and adjust weight and size (px).
Spacing and Alignment: Modify character spacing, line height, text alignment, and line break behavior.
Fill & Dimensions: Choose fill, adjust opacity, and set the width/height of the text box.
Display: Set content and keyframes for dynamic text changes.
Note: Fable defaults to Roboto, and not every language supports it. For example, Roboto is not supported in Indic/Brahmic. Adjust fonts for language needs. Fable supports .ttf
font files for custom fonts.
Editing Text Layers
Adjust the size and transform properties using the bounding box or Inspector.
Convert text layers to shapes
Right-click the text layer on the Canvas or the Timeline
Select the “Convert to shapes” option
Fully control typography, spacing, curves, and corners after conversion.
Animate path data for customized text animations.
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.
Language Support
Fable supports various scripts, including Latin, Cyrillic, Greek, Han characters, Kana, and Korean.
Not supported: Arabic, Hebrew, and Indic scripts.
Workaround for unsupported scripts: Create text in other tools like Figma, then import using SVG.
Fable's language support is determined by the scripts that are supported by our rendering engine.
Scripts can be used in one or more languages. For instance, although English, French, German, Norwegian, and Portuguese are distinct languages and writing systems—with their own alphabets, conventions, and diacritic usage—they all use the Latin script.
Explore Fable's script support and see examples of covered languages.
Adding Text
Find the Text tool in the Toolbar or press
T
.Click on the Canvas to create a text layer.
Click + drag for specific text layer dimensions.
Modifying Text
Select a text layer to see properties on the Inspector.
Fonts: Choose font family, upload custom fonts, and adjust weight and size (px).
Spacing and Alignment: Modify character spacing, line height, text alignment, and line break behavior.
Fill & Dimensions: Choose fill, adjust opacity, and set the width/height of the text box.
Display: Set content and keyframes for dynamic text changes.
Note: Fable defaults to Roboto, and not every language supports it. For example, Roboto is not supported in Indic/Brahmic. Adjust fonts for language needs. Fable supports .ttf
font files for custom fonts.
Editing Text Layers
Adjust the size and transform properties using the bounding box or Inspector.
Convert text layers to shapes
Right-click the text layer on the Canvas or the Timeline
Select the “Convert to shapes” option
Fully control typography, spacing, curves, and corners after conversion.
Animate path data for customized text animations.
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.
Language Support
Fable supports various scripts, including Latin, Cyrillic, Greek, Han characters, Kana, and Korean.
Not supported: Arabic, Hebrew, and Indic scripts.
Workaround for unsupported scripts: Create text in other tools like Figma, then import using SVG.
Fable's language support is determined by the scripts that are supported by our rendering engine.
Scripts can be used in one or more languages. For instance, although English, French, German, Norwegian, and Portuguese are distinct languages and writing systems—with their own alphabets, conventions, and diacritic usage—they all use the Latin script.
Explore Fable's script support and see examples of covered languages.
Need help?