Add and style text in Lucidchart

Written by:  Morgan T
Last updated:  

No matter how you use text in a diagram, Lucidchart makes it easy for you to add text to different elements, edit the text’s appearance and layout, and upload custom fonts to the editor. Read on to learn more.

Plan availability: Free, Individual, Team, and Enterprise.

Add text to a diagram

You can add text to:

  • shapes
  • lines
  • images
  • directly to the canvas using a text box

Tip: To quickly search and add emoji to a line of text, type a colon followed by a keyword. From the menu that appears, select an emoji.

Add a text box to the canvas

Double-click anywhere on the canvas or drag and drop text the Text shape from the Shape menu.

drag

Add a text block to the canvas

Drag and drop the Block shape from the Shape menu. The Block shape is similar to a text box, but allows you to add a border and background color.

text-block-in-lucidchart.png

Add text to a shape

Drag and drop a shape from the Shape menu or double-click on an existing shape and start typing.

drag

Tip: Some shapes such as Containers and Venn diagram circles do not allow text entry by double-clicking. To add ideas to these shapes, use a text box or a sticky note.

Add text to a line

Double-click a line to create a text box and start typing.

add

You can move the text along the line, or directly above, below, or to the side of the line by clicking and dragging the text into position.

click

Add text to an image

Add a text box to the canvas and drag it over the image. If the image covers up the text, right-click the image, hover your cursor over Arrange and select Send to Back.

add

You can also group a text box to an image by selecting both objects, right-clicking, and selecting Group.

group

Edit and format text

Select text

  • Click once on a text box or shape containing text to select it.
  • Double-click an object containing text to select all of the text within the object and enter text editing mode.
  • Click once on the object to un-select the text and remain in text editing mode.

Set style and format

text-style-options-in-lucidchart.png

Customize the appearance of text in a diagram from the Formatting bar at the top of the workspace. From here you can:

  • Change font
  • Increase and decrease font size
  • Bold, Italicize, and Underline text
  • Change text color
    • From the bottom of the text color menu, you can select a preset theme style that affects text color, line color, and shape fill color.
  • Adjust text alignment
  • Access Text options menu
     

From the Text options menu, you can:

  • Add Strike through text strike
  • Convert text to Subscript subscript
  • Convert text to Superscript superscript
  • Rotate text 90˚ counter-clockwise rotate-text-icon-in-lucidchart.jpg
     
  • Add new text or convert existing lines of text to bullet points or numbered lists
    bullets-and-lists-icon.jpg
  • Adjust the amount of space between each line of text 
    line-height-customization-for-text-in-lucidchart.jpg
  • Adjust text padding 
    padding-adjustment-for-text-in-lucidchart.jpg
  • Adjust left, right, before, and after indent
    adjust-spacing-to-left-right-above-and-below-text.jpg

You can also surround your text with the following symbols to use formatting shortcuts:

  • *bold*
  • _italics_
  • ~strikethrough~
  • `monospace font`
    text-formatting-shortcuts-in-lucidchart.gif
     

Tip: To set a default text format, click anywhere on the canvas to deselect all objects before changing the formatting options listed above. Alternatively, you can Apply preset themes to style shapes in Lucidchart and set a default text color.

Add shadow to text

  1. Select text on the canvas.
  2. Click shape the Shape Options icon.
  3. Select Shadow.
  4. Toggle on “Shadow”.
    turn
     

Note: You can adjust shadow distance, blur, color, and angle from this window.

Add color to a text block

  1. Select a text block on the canvas.
  2. Click line-color-icon.png the Line color icon or fill-color-icon.png the Fill color from the Formatting bar at the top of the workspace.
  3. Select a color.

Use line-style-and-width-lucidchart.png the Line style and Line width options in the Formatting bar at the top of the workspace to change the look of the border.

Note: You can only add line and background color to a text block, not a text box.

Add text as a code block

There are two ways to add text as a code block:

  • Paste text that is already structured as code, and it will automatically paste onto the canvas as a code block.
  • Click screenshot-of-code-block-icon.png the Code block icon in the Primary Toolbar and drag the code block onto the canvas.

Add more lines of text

Create new lines of text using these keyboard shortcuts.

  • Add line breaks: Press “Enter” to add a break between lines of text within a text box or Command/Ctrl + Enter to add a break between lines of text within a shape.
  • Add a new bullet: Press Command/Ctrl + Enter to add a new bulleted line.
  • End a bulleted list: Press Shift + Enter to start a new line of text without a bullet.

Add and upload fonts

Lucidchart offers many additional fonts to the ones that initially appear in the drop-down menu of the Formatting bar at the top of the workspace. 

Add fonts

  1. Select an object containing text.
  2. Click the font drop-down menu.
  3. Select Manage fonts at the bottom of the menu to open the font manager.
  4. Toggle on fonts you want to add.
  5. Click Done to add the selected fonts to the font drop-down menu.

Upload fonts

You can upload your own fonts as TTC, TTF, or OTF files. Once you are in the font manager, you can upload fonts by following these steps:

  1. Click Upload font in the bottom left.
  2. Select a font file from your computer.
  • You can also drag and drop one or more font files onto the font list.
  • Click Upload to add the fonts to the font drop-down menu.

Note: Fonts used in your diagrams are automatically shared with your collaborators.

Use brand fonts

If you are a Team or Enterprise account admin, upload brand fonts that are available to your entire account. For instructions, check out our Lucid admin panel: Security settings article.

Text editing options

Lucidchart’s text editing options can help you maintain accuracy and consistency with your diagram’s written content. To access text editing options, follow these steps:

  1. Click more-menu-icon the More menu from the top-left of the canvas.
  2. Hover your cursor over “Edit”.
  3. Hover your cursor over Spell check settings or click Find & replace.

text-editing-options-from-edit-menu-in-lucidchart.png

From here you can:

  • Enable or disable spell check.
  • Change the spell check language.
  • Use the find and replace functionality.
    • Select this option or press command/Ctrl + F to pull up the Find & replace window. Type the string that you want to replace in the “Find” text box and the replacement string in the “Replace with” text box, then click Replace or Replace all.

Troubleshoot text issues

If you're experiencing issues with text, check out our Troubleshooting: Text article.

Resources

To learn more about this feature, explore the additional resources below. These resources are available in English only. 

Community post 
How to add accent marks in Lucid

Give feedback on this article

Have feedback about this article? Tell us about your experience here

Did you find what you were looking for?

Still have a question or want to share what you have learned? Visit our Community   to get help and collaborate with others.