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.
- Available on FedRAMP accounts.
- Read the Lucid Plans article for more information about what is available on your account or the Upgrade your Lucid account article for instructions to upgrade.
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
the Text shape from Standard shape library under Document tools in the left panel
-
Drag and drop
the Text icon from the Toolbar to the immediate right of the left panel
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.
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.
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.
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.
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.
You can also group a text box to an image by selecting both objects, right-clicking, and selecting 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
Customize the appearance of text in a diagram from 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
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`
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
- Select text on the canvas.
- Click
the right panel icon in the upper-right corner of the workspace.
- Under “Object”, click
the three-dot icon.
- Toggle on “Shadow”.
For full instructions to add shadow to text in the classic Lucidchart editor, expand the dropdown below.
Click here for classic Lucidchart editor steps
- Select text on the canvas.
-
Click
the Shape Options icon.
- Select Shadow.
-
Toggle on “Shadow”.
Note: You can adjust shadow distance, blur, color, and angle from this window.
Add color to a text block
- Select a text block on the canvas.
- Click
the right panel icon in the upper-right corner of the workspace.
- Under “Text” click the
Text color icon.
- 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
- Select a text block on the canvas.
- Click
the Line color icon or
the Fill color from the Formatting bar at the top of the workspace.
- Select a color.
Use 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
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
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
- Select an object containing text.
- Click
the right panel icon in the upper-right corner of the workspace.
- Under “Text”, click the fonts dropdown.
- Select Manage fonts at the bottom of the menu to open the font manager.
- Toggle on fonts you want to add.
- 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
- Select an object containing text.
- Click the font drop-down menu.
- Select Manage fonts at the bottom of the menu to open the font manager.
- Toggle on fonts you want to add.
- 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:
- Click
the right panel icon in the upper-right corner of the workspace.
- Under “Text”, click the fonts dropdown.
- Select Manage fonts at the bottom of the menu to open the font manager.
- Click Install fonts in the top-left.
- 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.
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:
- Click Upload font in the bottom left.
-
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.
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:
- Click
the file menu from the top-left of the canvas.
- Hover your cursor over “Edit”.
- Hover your cursor over Spell check settings.
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:
- Click
the File menu from the top-left of the canvas.
- Hover your cursor over “Edit”.
- Select Find.
- 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.