Note: This article is about custom fonts for your website overlays. For email custom fonts, see: Email fonts best practices.
You can add custom fonts to use in your website overlays to provide a consistent experience across your website.
Before you begin
You'll need the CSS code for your custom font ready.
Important: Your custom font CSS must be implemented on your website in order to work in your overlays.
Note: If your brand has a unique custom font (i.e. it was designed specifically for your website) raise a request with the Support Team asking them to update the custom font source for your account. They will need the domain your font is hosted on. This is so that your overlay previews will work correctly in Ometria. Google fonts are already enabled.
Get a Google custom font
To get the CSS code for a Google font, go to: Get font > <> Get embed code > select the @import option and copy the Embed code in the <head> of your html:
Note: Don't include the <style> tags.
Create a new custom font
Go to: Campaigns > Website overlays > select the Brand assets tab:
Select Add custom font +:
Complete the form:
Important: Your custom font CSS must be implemented on your website in order to work in your overlays.
| Field | Description |
| Font family name |
Enter the name. This must exactly match the spelling of the font name in your CSS. |
| Font CSS | Paste in the CSS code for your custom font.
|
Save your font.
Important!: You'll need to refresh the page before testing your new font.
Test your font
Once you've saved your custom font and refreshed your browser session, you can start using it.
Open your overlay and select the text or Content and style.
Your custom font is available in the rich text editor:
Comments
0 comments
Article is closed for comments.