You can use custom fonts across your referral journey on the website screens but not on emails. This can be done via font URLs or uploading a ZIP file.
Uploading custom fonts using a URL
If you’re using fonts from Adobe Typekit or Google Fonts, you are able to paste the stylesheet into the url box.
Adobe Typekit URL
Adobe Typekit web projects page
For Adobe Typekit you need to ensure your fonts are in a “Web Project” and place the url ending in “.css” in the url box. Once you have your url, follow these steps:
Manage fonts section in the Mention Me platform
-
Navigate to Content>Themes in the left hand side navigation.
-
Select the "Manage fonts" button.
-
Click the 'Change" button and enter your font url.
-
Click the "Save" button and you will get confirmation message in the bottom right corner letting you know the change has been successful.
Google Fonts URL
Google fonts example
For Google fonts you take the API url (found when selecting @import) and paste this into the url box.
Once you have your url, follow these steps:
-
Navigate to Content>Themes in the left hand side navigation.
-
Select the "Manage fonts" button.
-
Click the 'Change" button and enter your font url.
-
Click the "Save" button and you will get confirmation message in the bottom right corner letting you know the change has been successful.
Manage fonts section in the Mention Me platform
Uploading custom fonts in a ZIP
Name the font file/s accordingly and this is how they will appear in the theme editor. Please ensure the custom font is in a supported format (.ttf file) and zip the file before uploading.
fontname-fontweight.ttf
Naming convention example
Once you have your zip, follow these steps:
- Navigate to Content>Themes in the left hand side navigation.
- Select the "Manage fonts" button.
- Select the "Upload new font zip" button and select your zip file. The file may take a few minutes to upload.
- Click the arrow button and confirm by clicking the "Set as current" button. You will get confirmation message in the bottom right corner letting you know the change has been successful.
Uploading a zip example
Email fonts
We don't use custom fonts in Mention Me emails.
Plain text emails
The Share by email and the Forwarded email don't have any styling including fonts becuase the emails have no coding; they are plain text.
When the customer shares these emails (via the share by email method), the customer’s email client will control the styling of them. We can’t affect their styling in any way, including the font.
Other Emails
In styled emails (the other referrer and referee emails), we don’t add the custom fonts as we can’t guarantee it will be received in the customer’s inbox as designed.
Adding a font to an email is fundamentally different to adding a font to the normal referral flow. When we add the font to the flow, both are housed within our platform, so when the flow references the custom font, it’s found and displayed. With emails, while we can reference the font, the email will search the environment it lands in for that font (the individual customer’s inbox) and try to reference it. If the customer doesn’t have that font installed on their system, the email will display a default font and may cause other design breakages (caused by the different ways fonts display e.g. size, width, height, weight).
We use web safe fonts to guarantee emails will be received as intended. Web safe fonts are correctly rendered by any browser or email provider which means we can accurately represent what the email will look like.
Default web safe fonts
Arial, sans-serif
Verdana, sans-serif
Tahoma, sans-serif
Trebuchet MS, sans-serif
Times New Roman, serif
Georgia, serif
Garamond, serif
Courier New, monospace
Brush Script MT, cursive