Choose fonts to use

Follow the web font tutorial to choose the fonts you want to use and create your project.

Add the embed code

To find the embed code for your project, visit the Web Projects page. Locate the project name, then click on the “@import link” option.

Add the <style> tags with the @import embed code to the <head> of the email, along with the font family names.

The font family name to use in the CSS to style your text is listed in the web project as well; read more about using fonts in CSS.

Opmerking:

The @import embed code has to be at the beginning of the <style> tag with any other @import statements or the fonts will not load. Only a @charset entry is allowed to be listed before the @import lines.

Email client support for web fonts

Some email clients do not support HTML email or web fonts in email, which will affect what your recipients see. Be sure to specify fallback fonts in your email and test your email before sending it, so that it performs well in all clients.

Here is a short list of popular email clients and their compatibility with web fonts.

Client Name

Compatible?

AOL Mail

Yes

Android Mail App (native, no GMail)

Yes

Apple Mail

Yes

GMail

No

Google Inbox

No

iOS Mail

Yes

Outlook 2000

No

Outlook 2011 (OS X 10.10+)

Yes

Outlook 2016 (OS X 10.10+ and Windows 10)

Yes

Deleting a project or canceling your subscription

If you delete the project that you are using in an email campaign or cancel the subscription that is hosting it, the fonts will no longer be available to any sent emails. The fallback fonts you specified or the email client’s default fonts will be used in their place.