Sales Creatio, commerce edition
PDF
This documentation is valid for Creatio version 7.16.0. We recommend using the newest version of Creatio documentation.

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 >>>

Adding a custom font

Use the “Content builder font set” lookup to manage the list of fonts. To add a custom font (e.g., “Parchment”):

1.Click btn_system_designer.png 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 btn_com_apply.png.

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 btn_com_apply00069.png.

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.

Embedding a custom font

Use the “Content builder customer fonts” lookup to manage embedded fonts. To embed a font (e.g., “Montserrat”):

1.Click btn_system_designer00070.png 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 btn_com_apply00071.png.

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 btn_com_apply00072.png.

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 btn_system_designer00073.png 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 btn_com_apply00074.png.

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 btn_com_apply00075.png.

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

Content Designer element reference

Configuring an email template

Did you find this information useful?

How can we improve it?