Text is one of the core building blocks of any Vev project.
It allows you to communicate information, create hierarchy, bring structure to your designs, and improve your project's search engine optimization (SEO).
This guide covers how to add, format, and style text, as well as how to manage fonts across your projects.
Adding a Text Element
You can add text to your design from the top bar navigation or by pressing the keyboard shortcut T.
How to Add Text
Click once on the canvas to place a text element with auto width.
The container’s width automatically adjusts based on the text content.
Click and drag on the canvas to manually define the text box width.
The width is set as a percentage, making it responsive.
The height of all text boxes is automatically set to auto, allowing the container to grow or shrink based on the content inside.
Using Text Tags
Text tags (also known as HTML tags) define the structure and importance of your content. Choosing the right tag improves SEO, accessibility, and overall content hierarchy.
How to Apply Text Tags
Select a text element and begin editing its content.
In the top bar navigation, choose the desired text tag from the dropdown menu.
The text size and style update automatically based on the styling defined in your Style Panel.
Available Text Tag Options
Paragraph
Headers (H1–H6)
Quote
Bullet List
Numbered List
Table
💡 Tip: You can mix multiple text tags within a single text box.
This makes it easier for search engines to crawl your content and keeps your design structure clean.
In-Line Formatting
In-line formatting allows you to style individual words or characters within a text box—perfect for adding emphasis or links.
How to Apply In-Line Formatting
Double-click the text element to enter the editor.
Highlight the text you want to format.
Select your formatting options from the inline toolbar.
Available In-Line Formatting Options
Use AI (AI Text Assistant)
Bold
Italic
Underline
Strikethrough
Subscript / Superscript
Dropcap
Code
Link
💡 Tip: You can also access the AI Text Assistant here to rewrite, shorten, or expand your text directly within the editor. 🔗 Learn more about AI Text Assistant →
Styling Text
To style text, select the text element on your canvas.
The Style Panel on the right-hand side will display contextual styling options.
Key Styling Options
Font Family: Choose the typeface for your text.
Text Weight: Apply bold, italic, or other weight styles.
Alignment: Align the text to the left, center, or right.
Case: Change the text to uppercase, lowercase, or other cases.
Size: Adjust the font size using various units (px, em, or vw).
Line Height: Control the vertical spacing between lines of text.
Letter/Word Spacing: Adjust the horizontal spacing between letters or words.
Fill: Change the text color using a solid color, image, or gradient.
Padding & Margin: Control spacing inside and around your text.
Per-Tag Styling: Apply different styles for H1, H2, paragraph, or inline text (e.g., bold, italic).
💡 Tip: Use Shared Styles to apply the same text styles consistently across your entire project.
Understanding Container Rules
Each text element has a container style, which acts as a parent rule.
If you change the font or color of the container, all text tags inside inherit those properties unless overridden individually.
Selecting Fonts
You can select fonts from the font dropdown in the Style Panel.
Start typing the font name or browse through your available fonts.
Available Font Sources
Shared with Account – Fonts added globally for your team
Folder Fonts – Fonts inherited from the folder where the project is stored
User Fonts – Fonts uploaded and managed individually by you.
Managing Fonts
To open the Font Manager, click the ⚙️ cog icon next to the font dropdown search field. From this menu, you can browse, filter, and organize all available fonts.
Available Font Sources in the Font Manager
Project Fonts
Mark fonts as Project Fonts by selecting the checkbox on their card.
These fonts appear at the top of the list for quick access.
Fonts from any source can be promoted to Project Fonts.
Google Fonts
Vev integrates with Google Fonts, a free, open-source font library.
All Google Fonts can be used in personal and commercial projects.
Adobe Fonts
Connect your Adobe Creative Cloud account to Vev.
Manage your Adobe Fonts integration by adding an API key via the Manage Adobe Fonts button.
Choose whether the fonts are account-wide or user-only.
Custom Fonts
Upload your own font files or link them via CSS.
Choose to share fonts with your team or keep them personal.
Always ensure you have the correct font license for your use case.