Nested Lists

With Mail Designer 365, you can apply different list styles within your email design to create more defined lists.

To get started, insert a text layout block into your design by dragging and dropping from the content menu in the sidebar.

Type the first line of your list into the layout block. You should notice the list tool appear in the "Style" menu in the sidebar:

Highlight the text and choose a list style from the drop-down menu and click to apply it to the first line of your list.

To create an indentation, press Return to start a new line, and then press the Tab key. Alternatively, you can use the indent buttons in the "List" tool to indent left or right.

You can then highlight this line and choose a new list style to distinguish the nested item from the first level.

To include multiple list styles, continue to repeat the previous two steps:

Nested list formatting tips

• Use one consistent list style for each indentation level so readers can scan the hierarchy quickly.
• For a nested bullet list in email design, keep sub-items concise and avoid adding more levels than the message needs.
• Check spacing and line breaks in both desktop and mobile previews before sending.
• If an item is indented incorrectly, select it and use the left or right indent button in the List tool.

How to use All Caps in Mail Designer 365

If you have written a body of text that you suddenly want to be in all capital letters, you no longer have to manually retype the text using caps lock. Instead, you can easily capitalize the letters of the text by adding a checkmark next to "All Caps" in the "Style" section.

First, select a text area. Then in the Style section, find the "All Caps" option.

Add a checkmark inside the box next to "All Caps."

This will automatically convert the text in all capital letters.

If you change your mind and want to revert your text to regular capitalization, just simply remove the check next to "All Caps."

How to add different types of text links

With Mail Designer 365, you can add different types of text links. You can specify whether you want http, https, email link, telephone link, or custom.

First, select the text that you want to add a link to.

Second, scroll to the bottom of the "Style" tab until you see the link section.

Next, click "Add Link." You will see a form where you can type your link.

Click on the down arrow that you see before the word "Web."

You will see a drop-down menu, where you can choose the type of link that you want to set for your selected text.

You can choose the "Custom" option for ftp links, app links, download links, other links that do not necessarily start with http or https.

One you have finished entering the link to the landing page, notice that text that you selected is now blue and underlined.

Use Web Fonts in Email Designs

Web fonts in email give you more typographic choices in Mail Designer 365, but they should be used with a reliable fallback plan. A recipient's email app may load the selected web font from the internet, use an installed version, or display a fallback font when web-font loading is unavailable.

Choose typography for readability first. Use web fonts to support the brand and visual hierarchy, then preview how headings, body copy, buttons, and narrow columns behave when a fallback font has different proportions.

Download Web Fonts in Mail Designer 365

1. Open the font menu in Mail Designer 365.
2. Choose Web Fonts.
3. Select Download additional fonts….
4. Review the available fonts in the preview window.
5. Click Start Download and wait for the download to finish.

The preview window lists the fonts available through this Mail Designer 365 workflow. Compare letterforms at a useful size and check whether the family includes the weights required for headings, body text, and emphasis.

When the download begins, a progress window shows its status. Let the process finish before applying a newly downloaded family to the email design.

Apply a Web Font to Email Text

After the download, select a text object or text style and choose the new font from the font menu. Using shared text styles helps keep typography consistent across repeated headings, paragraphs, and buttons.

Check line breaks and text height after changing fonts. A wider or taller family can change button labels, narrow columns, and the overall length of a layout block. Adjust the text style or available space instead of reducing important text to an unreadable size.

Understand Email-Safe and Web Fonts

The Email-safe fonts category contains common fonts that are widely available on recipient devices. These are useful when predictable fallback behavior matters most. Web fonts offer more visual variety but depend on the recipient environment and its ability to load or display the selected font.

Mail Designer 365 provides additional fonts from a directory of open-source web fonts. Availability in the editor does not mean every recipient will see exactly the same typeface. Design the email so that its message, hierarchy, and calls to action remain clear when a fallback font is used.

Text Areas and Image Areas Behave Differently

Text in a regular text area remains live email text. Its appearance depends on the fonts supported or available in the recipient's environment. Live text is searchable, selectable, adaptable, and generally more accessible, so use it for essential content whenever possible.

Text placed in an image area becomes part of the image. This can preserve a decorative appearance, but recipients cannot resize or select it as live text, and images may be blocked. Do not put essential instructions, prices, dates, or calls to action only inside an image. Add descriptive alternative text and repeat critical information as live text.

Test Web Fonts in Email Clients

Preview the design at desktop and mobile widths, then send test messages to representative inboxes. Review both the intended web font and the fallback result.

• Check headings, paragraphs, buttons, and narrow columns.
• Confirm that fallback text does not overlap or become clipped.
• Review line breaks, line spacing, and layout-block height.
• Test with images enabled and blocked.
• Confirm that live text remains readable at mobile size.

Troubleshoot Web Font Problems

The Font Does Not Appear in the Menu

Repeat the additional-font download and confirm that it completes. Reopen the font menu after the download and select the correct text object or text style before choosing the family.

The Recipient Sees a Different Font

The receiving app may not load the web font. Review the fallback appearance and choose an email-safe alternative that preserves readability and hierarchy. Avoid layouts that depend on an exact line break or letter width.

Text Wraps Differently on Mobile

Check the mobile text style, available width, and the fallback font. Shorten overly long headings or button labels when needed and leave sufficient space for natural variation between fonts.

Web Font Checklist

• Required font families and weights are downloaded.
• Shared text styles are used consistently.
• A readable email-safe fallback is acceptable.
• Essential information remains live text.
• Desktop, mobile, and received test messages were reviewed.
• Fallback line breaks do not damage the layout.

For related formatting workflows, browse the Mail Designer 365 Knowledge Base.