Updating available Content Designer fonts
You can expand the list of fonts used in your email templates. When using rare fonts you can have your messages displayed in these fonts for your customers, even if they initially do not have these fonts. This article covers adding and embedding custom fonts in Creatio Content Designer, as well as customizing other font settings.
-
Adding a custom font enables you to select it in the [Font] property in the setup area of [Text], [Button], and [Navlink] elements. Read more >>>
-
Embedding a custom font enables the recipient’s email client application to request the font via the specified URL and display the message in that font, as opposed to switching to “fallback” fonts. Read more >>>
-
Modifying a font in the Content Designer to rename a font family or add, change, delete, and rearrange the fonts in the font-family. Read more >>>
Use the “Content builder font set” lookup to manage the list of fonts. To add a custom font (e.g., “Parchment”):
1.Click in the main Creatio application. The System Designer will open.
2.Click [Lookups] in the [System setup] block in the System designer.
3.Click [Filters/folders] –> [Add filter].
4.Fill in the [Name] field with the “Content builder font set” value.
5.Press the [Enter] key or click .
6.Click [Open content].
7.Click [New].
8.Specify the font family name in the [Name] column on the left. For example, specify “Parchment.”
9.Specify the font family value in the [Fonts] column on the right. The font family value is a prioritized comma-separated list of the primary font and fallback fonts, from most preferable to least preferable. We recommend adding at least one generic font family as a fallback font. For example, specify “Parchment, cursive.”
10.Click .
As a result, a new font family will be available in the [Font] property in the setup area of [Text], [Button], and [Navlink] elements as soon as the new item is saved.
Note that adding a custom font and then using it means that the email clients will be instructed to apply the font whether it is available in the client application or not. If the email client fails to apply a font, it will use the next fallback font in the font family list. If the email client exhausts the list of fallback fonts, it will apply a default font.
If you expect that your custom font will not be available in most client applications, make it an embedded font.
Use the “Content builder customer fonts” lookup to manage embedded fonts. To embed a font (e.g., “Montserrat”):
1.Click in the main Creatio application. The System Designer will open.
2.Click [Lookups] in the [System setup] block in the System designer.
3.Click [Filters/folders] –> [Add filter].
4.Fill in the [Name] field with the “Content builder customer fonts” value.
5.Press the [Enter] key or click .
6.Click [Open content].
7.Click [New].
8.Specify the font family in the [Name] column on the left. For example, specify “Montserrat.”
9.Specify the font URL in the [URL] column on the right. For example, specify
https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap
Note
The value of the [URL] column is not restricted to the API URLs of Google Fonts. The [URL] field can be populated with the link to any font available online, including a self-hosted font.
10.Click .
11.Log out of the application and log back in to apply changes.
Attention
We do not recommend relying too much on embedding custom fonts. Some email client applications lack the feature to import custom fonts and will always use a fallback or default font.
Editing a Content builder font
Use the “Content builder font set” lookup to manage font properties. To edit a font (e.g., “Parchment”):
1.Click in the main Creatio application. The System Designer will open.
2.Click [Lookups] in the [System setup] block in the System designer.
3.Click [Filters/folders] –> [Add filter].
4.Fill in the [Name] field with the “Content builder font set” value.
5.Press the [Enter] key or click .
6.Click [Open content].
7.Click the entry to edit. For example, click the [Parchment] entry.
8.Redefine the font family name in the [Name] column on the left. For example, change it to “MyCursives.”
9.Redefine the font family value in the [Fonts] column on the right. For example, add Pristina as the first fallback font: “Parchment, Pristina, cursive.”
10.Click .
As a result, if the Parchment font is not available in the email client application, the application will now attempt to apply Pristina before defaulting to the “cursive” generic font.
Next