Use this widget to create and edit text on your project pages. To add new text click + (W) in the widget bar and select Text.
Click the Text widget once to open general widget settings on the right side: Edit, Align, Animation, Rotation, Position, and Lock. Click Edit or double-click the Text widget, to access text properties such as typography (basic and advanced) and alignment. You can also add Links and special symbols (Insert), change Color, or split text into Сolumns.
To add a text style—e.g., H1 or Caption—select a text fragment and choose Typography in the widget controls. Click on the downwards arrow next to No style to see the whole list of styles. To create your own style or modify the defaults, click on the three dots next to their title: you can change font size, color, line height, tracking, etc. You can also make styles global, so they will appear in all your projects (both new and existing).
For SEO purposes, you can apply HTML tags—<h1>, <h2>, <h3>, or <h4>—to any style. As a result, the text in the final code will be wrapped with these tags. By default, the H1 and H2 styles are wrapped with <h1>…</h1> and <h2>…</h2> tags accordingly. All the other styles are defined with <p>…</p> tags.
To add fonts from Adobe Fonts (Typekit), Webtype, Google Fonts, and type.today to a project click Typography in the widget controls, then click on the font’s title and select Library.
Hint: double-click the Text widget to directly access text properties.
With paid plans, you can upload custom fonts in WOFF format to your Library. Click Upload on the Custom tab in the Fonts drop-down, type in a name for your font, pick the weight, and upload the file.
Note: you must have a proper license to use any copyright-protected fonts.
Note:Due to licensing restrictions all Adobe Fonts (Typekit) or type.today fonts are replaced by default system fonts when a project is exported to PDF.
Custom fonts do not transfer when a project is transferred to another account per user’s request. The destination account owner will have to re-upload any such fonts in the transferred project manually.
Click Align to position the text inside your widget. Besides four basic alignments (flush left, flush right, justified, and centered), you can also select a right-to-left (RTL) orientation for your text in the Writing section.
Additionally, there are two resizing options:
- Auto height—the height of the widget changes automatically according to the length of the text
- Fixed size—set the fixed width and height for your widget and use arrows to select whether text should be shown at the top or bottom.
Double-click the widget to access Advanced typography settings. Here you can transform your whole text to lower or upper case, add subscript and superscript, fill the text box with color, create lists, apply outlines, etc.
Note:The Decoration and Ligature features are available only to those fonts (and symbols within these fonts) that support such modifications.