We’ve loaded a font-face script to define a custom font name and address, and we’re using that in our front end font selector. It work’s a treat.
How can we use that custom font in system emails?
Solved
Custom fonts in system emails?
Best answer by leo-inspired
Hey
The custom fonts added in the front end will not be picked up in system emails
You’ll need to add your custom font by adding it to the HTML code:
<html>
<head>
<style>
@font-face {
font-family: 'TimCavey';
src: url('TheURLToTheFontFile'); /*URL to font*/
}
</style>
</head>
<body>
<h1>Hi, Tim!</h1>
</body>
</html>
Let me know if you run into any issues with this! 😊
learning, sharing and repeat
Hey
The custom fonts added in the front end will not be picked up in system emails
You’ll need to add your custom font by adding it to the HTML code:
<html>
<head>
<style>
@font-face {
font-family: 'TimCavey';
src: url('TheURLToTheFontFile'); /*URL to font*/
}
</style>
</head>
<body>
<h1>Hi, Tim!</h1>
</body>
</html>
Let me know if you run into any issues with this! 😊
I’m bringing this topic back from the end after learning that:
“most email clients and email providers will strip emails of css and only support a handful of system fonts as inline styles. You also tend to be limited in terms of the kinds of inline styling you can use - for example css flex and css grid are often no goes, and you have to resort to old fashioned table layouts.”
Our system emails are full of <table> elements so that makes sense.
Having tried to add the font-face styles in the head and seeing that the test email uses the fall back fonts, it seems to be correct.
Can someone from Gainsight confirm this? Is there are libraries or anything we can do to have pretty on-brand system emails?
Hey
You can use any web fonts in the System Emails and they should work however, the styling might not work depending on the email client. Refer to this article: https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts
Sign up
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Welcome to the Gainsight Community
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.