Using web fonts in Mail Designer 365

Web Fonts

Using Web Fonts is a great way to use beautiful fonts. More importantly, it makes sure that the design will display the way you want it to on your recipient’s devices. When using a Web Font for text, the font will not be shipped together with your template. Instead, it will be loaded automatically from the internet by the recipient’s device, if the font is not installed yet.

In Order to use Web Fonts in your template they must be downloaded first. To do so choose “Web Fonts” > “Download additional fonts…” from the font menu.

You will now see a Preview Window where all available fonts will be displayed. Click ”Start Download“ to download additional Web Fonts you can then use in your template.

When you click “Start download,” a popup window will open that shows the progress of the download:

After the download has finished you can choose from a variety of different web fonts:

A note about font options

You will notice “Email-safe fonts” as one of the categories. “Email-safe Fonts” are fonts that can be viewed on most computers. There are the most common basic fonts available in the majority of various devices:

 

Although there are a wide range of fonts available when you download the additional fonts under “Web Fonts,” we understand that some may still consider this as only a limited number of fonts. This is because the fonts are downloaded from Google’s directory of open source designer web fonts. We wanted to help ensure that our users are able to create designs with beautiful fonts in a legal manner. All the downloadable fonts are free and open source, which means that the fonts are accessible to everyone and are available to be used for both personal and commercial projects.

If you’re adding text to a text area, how the text is displayed depends highly upon whether the font is available within the recipient’s computer. If you’re adding to an image area, you can choose from a wider selection of fonts. Why? The text will be displayed as part of an image, ensuring their compatibility with most email programs.

 

Search through the manual

A Quick Tour of Mail Designer 365
Layout Blocks
Background
Image Areas
Graphics and Other Objects
Images
Working with Text
Text Styles
Creative Tools
Image Effects
Working with Links and Buttons
Tables
Preview your Design
Optimizing your Template for Mobile
Plain Text
Using Retina Images with your Design
The Inbox View
Teamwork
Preparing your Design for Sending
Setting Up Mail Designer 365 for Sending
Send via Mail Designer 365
Advanced Design Techniques
Sharing your Designs
HTML Export
Exporting a Design to MailChimp
Exporting a Design to Campaign Monitor
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Advanced Design Techniques