Importing fonts into the Responsive Design Builder

From version 2.0 of the Responsive Design Builder, you can import new fonts into your email templates.

How do you add a new font?

You have to create a new campaign or new template and select Responsive Design Builder. Then select the text whose font you want to change. From the contextual menu on the right, select the font you want to apply by choosing the option Add Font. Add_new_font.png

Then define the font attributes:

  • Its URL: enter the URL for the font you have chosen. Click here to find out how to get the URL for your font.
  • Its name: enter the name you want to give the font.
  • A fallback font: select the font to use if the first font is not supported by the email client.
    • Note: you can only choose a classic font for the fallback font.

WebFont_EN_2

Finally, click on Add Font. The font will immediately be applied to your email template. From there, you can also Delete the font.

Delete_font.png

The fonts added to one of your templates will be available for all of your other templates/campaigns that are compatible with this feature in version 2.0 of the Responsive Design Builder (see: how do I find out my template version?).

How do I get the font URL?

Here are the steps you must follow to get the URL for your font in Google Fonts:

  1. From the home page, pick the font you would like to add to your newsletter.
  2. Click on the font family in the results:
    Google_font_home_page.png
  3. Add the styles you want by clicking Select this style. They will add up in the Review section on the right:
    Google_font_select.png
  4. In the tab Embed copy the URL you'll find in the <link> section (only the part between brackets) and paste it in the Sendinblue Editor.Google_font_embed.png