Integrate custom font in e-mail templates

Help
,
1

I’m struggeling with the integration of a custom font in the e-mail templates.
The e-mail clients (mostly Outlook for Microsoft 365, outlook web app) is not using the custom font.

Maybe somebody already tried it successfully?

My current e-mail template looks like:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
    xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<style type="text/css">
    @font-face {
        font-family: MyCustomFont;
        font-style: normal;
        font-display:swap;
        font-weight: 300;
        src: url(https://.../MyCustomFont.woff2) format("woff2"),
        url(https://.../MyCustomFont.woff) format("woff");
    }
</style>
</head>
<body style="background: #F3F3F3;font-family:MyCustomFont,helvetica,arial,sans-serif;">
	<p style="font-size: 18px;">Hello,</p>
	<p style="font-size: 18px;">We would like to warmly welcome you to your Auth0 account and thank you for the registration. Your account is now fully set up and ready for use.</p>
</body>
</html>
3

Hi @jens.e

Welcome back to the Auth0 Community!

I found this article about the issue with Outlook web font bug and workaround → Everything You Need to Know About Web Fonts in Email | Campaign Monitor

From Auth0’s point of view, everything should be working, and that could be an issue with this email client. The whole article is handy in terms of fonts in email best practices.

Thanks
Dawi d

4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.