Vev Help Center
Add text such as headings and paragraphs to your canvas
Text is an essential part of any design but it is also important to consider the structure and hierarchy as you build your site.
In this lesson:
  1. 1.
    Adding Text
  2. 2.
    Adding Headings
  3. 3.
    Styling Text
  4. 4.
    Adding Fonts
  5. 5.
    In-line Formatting Text
  6. 6.
    Responsive Text across breakpoints

Adding Text

From the top-left toolbar in the Design Editor, select the Type Tool to add your text. Drag to the desired sizing and place the text onto your canvas.
Click on the element to edit it and type new text.
Note: Spell check and other third-party tools like Grammarly can be used in the Text Editor.

Adding Headings

To add headings to your text, double click on the element and use the top-bar heading selector to choose between Paragraph, H1, H2, H3, H4, Quote, Unordered list, Ordered list, and Table.

Headings & SEO Best Practices

When your goal is to make world-class digital experiences, headings and SEO may be low on your priority. However, it is important to structure your content in a way that search engines will index what the page or site is about.
H1 tags tell search engine bots and web users what a page is about. A webpage's H1 is the most important heading and should accurately summarize the contents of that page. You can’t just insert an H1 at the top of the page and call it a day, however. Incorporating headers throughout your content offers distinct benefits.
Hot Tip: You can set your meta tags for Page Title, Page Description, and Social Sharing Image in the Page Settings Menu.

Styling Text

To style text, select the Text element and use the Style Panel to edit:
  • Font
  • Style (or weight)
  • Alignment
  • Case changer (uppercase, lowercase, capitalize, small caps)
  • Font size
  • Line height
  • Letter spacing
  • Word spacing
  • Color
  • Alpha (opacity)
Note: Building a site that could benefit from a shared design system? Check out Shared Styles in Vev.

Adding Fonts

You can add more fonts directly to your project by accessing the Font Family dropdown in the Style Panel. You will be able to access your Project Fonts and add fonts from Google, Adobe, or a Custom Font (from a TTF, OTF, WOTF file).
To get to the Fonts Menu dropdown:
  • In your Design Editor, double click on the Text Element
  • In the right-side Style Panel, select the Heading
  • Click the drop-down for Font Family and select + More Fonts
Hot Tip: Want to navigate like a developer? Use Command ⌘ + P to open the Command Bar, search 'Text' and you can get to the Fonts Menu easily.
Note: When copy-n-pasting elements to other projects you will need to re-upload or add the fonts from the Custom Font menu into your project.

In-line Formatting Text

In-line formatting of your text allows you to bold or italicize certain parts of the text like you would in your favorite writing tool.
To format your text:
  • In your Design Editor, double click on the Text Element
  • Highlight the specific text you want to edit
  • Use the in-line formatting options to edit your text
In-line formatting options:
  • Bold
  • Italics
  • Underline
  • Strikethrough
  • Subscript
  • Superscript
  • Drop Cap
  • Code
  • Link
Hot Tip: In-line formatting can also act as <span> classes in Vev
Last modified 2mo ago