Work with Text

Whether you’re diagramming your words or using words to explain your diagram, Lucidchart makes it easy for you to add and edit text. Read on to learn how to add text to different parts of your diagram, edit the text’s appearance and layout, and upload custom fonts to the editor.

lucidchart_diagram_a_shakespeare_sonnet.png

You can add text to a shape, line, or directly to the canvas using a text box.

To add text to a shape, drag a shape out of the toolbox or double-click on an existing shape and start typing.

add_text_1.gif

To add text to a line, double-click on the line to create a text box and start typing.

add_text_2.gif

You can move the text box along the line, or directly above/below/to the side of the line by clicking on it and dragging.

add_text_3.gif

To add a text box to the canvas, double-click anywhere on the canvas or drag Screen_Shot_2017-11-08_at_10.26.41_PM.png out of the toolbox and drop it on the canvas.

add_text_4.gif

add_text_5.gif

You can also create a text box by dragging a line out of an existing text box and selecting Screen_Shot_2017-11-08_at_10.26.41_PM.png

add_text_6.gif

Add text to an image by dragging a text box over it. If the image is covering up the text, right-click on the image and select Arrange > Send Item Backward or right-click on the text box and select Arrange > Bring Item Forward.

add_text_to_an_image.gif

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

group_text_to_an_image.gif
Learn how to quickly highlight a specific portion of text so that it becomes editable.

Click once on a text box or shape containing text to select it.
Double-click on an object containing text to select all of the text within the object and enter text editing mode.
Click again on the object to un-select the text and remain in text editing mode.
Double-click on a word to select it.
Click three times on a word to select the line containing it.
Once you have added text to your diagram, you can customize its appearance from the properties bar.

text_options_in_properties_bar.png

Select an object containing text or a specific string of text and follow the steps below.

Change font: Click on the font in the properties bar and select a new font from the drop-down menu.

font_drop-down_menu.png

Edit text size: Click on the text size in the properties bar and select or type in a new size.

font_size_drop-down_menu.png

Make text bold: Click bold_icon.png or use the keyboard shortcut command/Ctrl + B.
Italicize text: Click italicize_icon.png or use the keyboard shortcut command/Ctrl + I.
Underline text: Click underline_icon.png or use the keyboard shortcut command/Ctrl + U.
Edit text color: Click text_color_icon.png and select the color you want by clicking on the corresponding color swatch.

lucidchart_edit_text_color.png


Add shadow to text: Click shape_options_icon.png > shadow_button.png and switch the button above SHADOW from off to on. You can then adjust the shadow’s distance, blur, color, and angle.

text_shadow_options.png

shadow_added_to_text.png
Lucidchart also offers a wide range of text formatting options. Select a piece of text and follow along with the instructions below.

Edit text alignment: Click alignment_options.png and select an alignment option from the drop-down menu.

lucidchart_text_alignment_options.png

You can find the following options in the text options window, which you can access by clicking text_options_icon.png in the properties bar.

text_options_window.png

Add strike through text: Click strike_through_icon.png
Convert text to subscript: Click subscript_icon.png
Convert text to superscript: Click superscript_icon.png
Increase or decrease space between lines of text: Toggle the arrows or type a value into the text box above LINE HEIGHT.

edit_line_height.png

Convert lines of text to bullets: Select a bulleting option from the BULLETS AND LISTS drop-down menu.

bullet_options_drop-down_menu.png

Adjust left, right, before, and after indent: Toggle the arrows or type a value into the text box above your desired indent option.

indent_options.png

Adjust text padding: Toggle the arrows or type a value into the text box above PADDING.

edit_padding.png

Rotate text 90˚ counter-clockwise: Click rotate_text.png
Create new lines of text using these keyboard combinations:

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.
Lucidchart offers many additional fonts to the ones that initially appear in the drop-down menu of the properties bar. To add more fonts to this list, follow these steps:
  1. Select an object containing text or a text string.
  2. Click on the font drop-down menu.

    font_drop-down_menu.png
  3. Click “Manage fonts…” at the bottom of the menu to open the font manager.

    lucidchart_font_manager.png
  4. Toggle on desired fonts.

    lucidchart_toggle_on_fonts.png
  5. Hit done_button.png to add the selected fonts to the font drop-down menu.
If you cannot find the right font in Lucidchart’s font manager, you can also 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_button.png in the bottom left and select a font file from your computer OR drag and drop one or more font files onto the font list.
    2. Click upload_button.png to add the fonts to the font drop-down menu.
Note: Fonts used in your diagrams are automatically shared with your collaborators.
Lucidchart’s text editing options can help you maintain accuracy and consistency with your diagram’s written content. Navigate to the bottom of the “Edit” menu in the properties bar to find the following options:

text_editing_option.png

Spell Check: When spell check is enabled, Lucidchart will flag any words that it does not recognize by underlining them in red.

lucidchart_spell_check.png

Change Spell Check Language: Select this option and choose a language from the drop-down menu to change the spell check language of your document.

change_spell_check_language.png

Find & Replace: Select this option or press command/Ctrl + F to pull up the Find & Replace window. Type the string that you would like to replace in the FIND text box and the replacement string in the REPLACE text box, then click “Replace” or “Replace all.”

find_and_replace.png