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.
  • Drag and drop text-icon.png the Text shape from Standard shape library under Document tools in the left panel
  • Drag and drop text-icon.png the Text icon from the Toolbar to the immediate right of the left panel

drag text shape from standard shape library and type in text.gif

Add a text block to the canvas

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

For full instructions to add a text block in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps

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 Standard shape library or double-click an existing shape and start typing.

For full instructions to add text to a shape in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps

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

edit-text-in-lucid.png

Customize the appearance of text in a diagram from right-panel-icon.png the right panel. To access all text style and format options, click the right panel icon in the upper right corner of the workspace. From here you can:

  • Change font
  • Increase and decrease font size
  • Bold and italicize 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
  • Create a bulleted, numbered, or checkbox list
  • Access Text options menu

For full instructions to access the text options menu in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps

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 an underline to text
  • Add Strike through text 
  • Change the text format
  • Change the text case
  • Convert text to Subscript 
  • Convert text to Superscript 
  • Rotate text 90˚ counter-clockwise.
  • Adjust the amount of space between each line of text 
  • Adjust text padding 
  • Adjust left, right, before, and after indent

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 right-panel-icon.png the right panel icon in the upper-right corner of the workspace.
  3. Under “Object”, click three-dot-icon.png the three-dot icon.
  4. Toggle on “Shadow”.

add-a-shadow-to-a-text.gif

For full instructions to add shadow to text in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps
  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 right-panel-icon.png the right panel icon in the upper-right corner of the workspace.
  3. Under “Text” click the text-color-icon.png Text color icon.
  4. Select a color.

For full instructions to add color to a text block in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps
  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.
  • Search for and select screenshot-of-code-block-icon.png Code block icon in the search panel and drag the code block onto the canvas.

For full instructions to add text as a code block in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps

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 in the right panel. 

Add fonts

  1. Select an object containing text.
  2. Click right-panel-icon.png the right panel icon in the upper-right corner of the workspace.
  3. Under “Text”, click the fonts dropdown.
  4. Select Manage fonts at the bottom of the menu to open the font manager.
  5. Toggle on fonts you want to add.
  6. Click Done to add the selected fonts to the font drop-down menu.

For full instructions to add fonts in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps
  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 by following these steps:

  1. Click right-panel-icon.png the right panel icon in the upper-right corner of the workspace.
  2. Under “Text”, click the fonts dropdown.
  3. Select Manage fonts at the bottom of the menu to open the font manager.
  4. Click Install fonts in the top-left.
  5. Select a font file from your computer.
    • You can also drag and drop one or more font files onto the font list.
  6. Click Upload to add the fonts to the font drop-down menu.

For full instructions to upload fonts in the classic Lucidchart editor, expand the dropdown below.

Click here for classic Lucidchart editor steps

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.
  3. 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.

Use spell check

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 file menu from the top-left of the canvas.
  2. Hover your cursor over “Edit”.
  3. Hover your cursor over Spell check settings.

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

From here you can:

  • Enable or disable spell check.
  • Change the spell check language.

Find and replace text

You can also quickly locate and replace strings of text in your diagram using Find. Here’s how:

  1. Click file-menu-icon the File menu from the top-left of the canvas.
  2. Hover your cursor over “Edit”.
  3. Select Find.
  4. From the Find window that appears, you can:
    • Type a text string in the search bar.
    • Select Advanced to find and replace text.
    • Click Semantic to find and replace text with Lucid AI.

Troubleshoot text issues

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

Still need help

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.