Skip to main content

Setting up a fallback font

By Configuring Text Styles

There are some email clients which have difficulties displaying fonts which aren't deemed "email-safe." For this reason, Mail Designer 365 allows you to set up fallback fonts within a text style, so you have complete control over how your design is displayed to readers.

What is a fallback font?
A fallback font is the backup font which is displayed if your chosen font is not available. If your recipient's computer cannot display your first choice font for whatever reason, it will work its way through your list of fallback fonts until it reaches one it can display. In Mail Designer, you can set up multiple fallback fonts within one text style, but all text styles will set up at least one fallback font from our list of email-safe options.

Setting up a fallback font

After you have added a text style to your email copy, you will see a box labelled "Email-safe Font" under the "Style" menu.

To choose from the selection of email-safe fonts, click the dropdown menu. Your email-safe font will then be displayed if your first choice of font isn't.

To add an additional fallback font, click on the button.

As long as you already have an email-safe font set up, you can choose any font in Mail Designer 365 as a fallback:

If you wish, you can continue to add fallback fonts to a text style by repeating the last step.

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Creating "mobile only" text styles

By Configuring Text Styles, Optimizing your Template for Mobile

Mobile only styles offer you a simpler way to edit your smartphone content without having to detach your mobile layout blocks from your main design.

To get started, head to the Smartphone view and make an adjustment to any text block. In this example, we will reduce the line height to save space for mobile users:

You will now see your mobile only change appear in a blue box in the Style menu:

Any further changes you make to this style for mobile will also appear in the blue box:

If you head back over to the main Desktop view, you will notice that the blue box is still in the Style menu to remind you, and anyone else collaborating on the design, of the changes you've made.

To reset the mobile only changes you can click the undo arrow in the top corner of the blue box. This will default your text style back to the desktop version across both designs.

Important: Mobile Style Adjustments are not supported by non-Gmail addresses in the Gmail mobile app – check your design using the new Gmail (IMAP) preview. You can access this by clicking on "Check Preview", which opens a device preview of the Gmail app:

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Apply Emphasis to a Text Section

By Configuring Text Styles

Sometimes, you may want to emphasise a certain word or phrase within a section of text. Examples of this could include italicising phrases, making individual words bold, or changing the color of some words.

If you use the regular text formatting options to change these words/phrases, your format options will be applied to the entire section of text and override your style settings.

Use the "Emphasis" tool to only apply changes to certain parts of your text block.

Add emphasis to text

To begin, highlight the word or phrase you want to emphasise. This will open the Style menu in the sidebar.

In the Style menu, scroll down to the heading "Emphasis." Here you will find various options for text formatting:

Select your preferred formatting options and they will be applied to the highlighted areas of text only. You can include as many different emphasis options as you like to a section of text.

Removing emphasis from text

Removing emphasis from text is simple. Click on the section of text where you applied the emphasis and select "Remove emphasis." This will reset the text to your original style settings.

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Adjust letter spacing for text styles

By Configuring Text Styles

In Mail Designer 365, you are able to adjust letter spacing to create and save cool text styles for your email designs.

Adjust letter spacing for text styles

To get started, highlight the text you want to change. Then, open the "Style" tab.

Scroll down to "Letter spacing" here you can enter a precise percent value for how spaced out you want your letters to be. Alternatively, you can use the up and down arrows to test out different amounts of spacing.

Once you're happy, your text style will be automatically saved with these settings for letter spacing.

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Paste text and keep style

By Configuring Text Styles

Paste text and keep style

Any text you paste into Mail Designer 365 from a source other than a different Mail Designer 365document will automatically receive the style of the text area you’re pasting it to.

If you would like to preserve your text style, you can use the “Paste and Match Style” command.

To paste and preserve the original style of your text

‣ Copy text that has formatting you want to preserve

‣ Choose "Edit" > "Paste and Match Style" from the menu bar

 

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Using Text Styles

By Configuring Text Styles

Why should I use text styles?

Text styles are a way to make sure your email text stays consistent throughout your design. As well as making the editing process faster and more streamlined, styles also stop you from encountering compatibility issues after you've sent your email template.

With a text style, you can determine a primary font as well as an email-safe font. This is the font which will always be displayed if your primary font choice is unavailable to your recipient.

Where to find text styles

Selecting text from a text area will open the Style section of the sidebar. Here you will see any existing text styles you or your team have already created and also have the option to add new styles:

Applying a style to text

Click into a text area that you want to change. You can change the style by selecting the style you want, and just click on your choice in the sidebar. This will apply the chosen style to the entire paragraph.

 

Adding a new style

To add a new text style, highlight the text you want to adjust and click "Add style from selection" in the sidebar. Enter a name for the new style so you can easily locate it in the style menu. You can now choose the font and make any other changes (i.e color, font size, etc.) You can find these formatting options in the sidebar.

Updating text styles

When you apply a text style, it will be applied to the entire paragraph of text. Whenever you want to make changes to the style (e.g. font size, alignment, etc.), these changes will be applied everywhere in your design where the style is being used.

If you want to make a big change to some of the text in your design (i.e. re-align or resize), you can do this by adding a new text style. Minor changes to words or sentences within a bigger block of text can be performed using the Emphasis tool. This article explains how to apply emphasis to a section of text.

A Quick Tour of Mail Designer 365

Advanced Design Techniques

Background

Blend Modes

Campaigns

Configuring Text Styles

Creative Tools

Editing Text

Graphics and Other Objects

HTML Export

Image Areas

Images

Layout Blocks

Links and Buttons

Optimizing your Template for Mobile

Other Sharing Options

Plain Text

Preparing your Design for Sending

Preview your Design

Tables

TextScout

Using Retina Images with your Design

Privacy Settings / Datenschutz-Einstellungen