In Flexitive, there are 2 ways to add text to your design: 


Using Web Fonts in a Text Box 


To add a text box, click Add Text from the left-hand side of the editor. 




After clicking Add Text, a text box will be placed on the canvas. Open the Text Settings panel on the left-hand side, or double-click on the text box, to style the text. Learn more about Styling your Text. 


Benefits of Using Web Fonts


There are many benefits when using web fonts, including: 


  • Smaller File Size - Web fonts are very light on file size and are not compressed when exported. 
  • Editable - Web fonts can be easily updated and styled directly in Flexitive. 
  • Scalable - Web fonts scale well across different design sizes and aspect ratios. 
  • Responsive – They adjust smoothly when used in responsive layouts.


When using web fonts, it's important to note that they’re rendered by the viewer’s browser. Since browsers render fonts differently, minor variations may appear between browsers. For more information, check out the article Why Web Fonts Look Different in Different Browsers. 


What Fonts are Available? 


In Flexitive, you have access to over 1800 free web fonts through Google Fonts. If the font you need isn’t available, you can:


Uploading an Image of Text


To add text to your design using an image, save your text as an SVG or PNG, then upload the image to your Assets panel. From here, you can treat this text like any other image in Flexitive. The file type that you use for your design will vary depending on your needs.


  • SVG Image - Recommend
    • SVG images are not compressed when exported from Flexitive and are the best option for detailed text and logos. SVGs offer the best image quality for text while maintaining a small file size. When you create an SVG to display your text, it is important to create outlines around any text elements in the SVG. Learn more about Creating Outlines Around Text in SVGs.

  • PNG Image 
    • PNG images support transparency and are compressed on export.


Advantages of Using an Image for Text


The benefits when using an image for text are:


  • The text will look the same across every browser and operating system. 
  • If you need a custom font, you will not need to upload it to Flexitive.


It’s important to remember that using images for text will typically increase your design’s file size compared to web fonts. Additionally, scaling images for different sizes or layouts can be more challenging since the layout for text in one size may not match what’s needed for another size.


Check out the following articles for some helpful information on working with text in Flexitive: