Skip to main content

Add Google fonts into the Drag and Drop Editor (Classic)

You can import new fonts into your email templates in the Drag and Drop Editor (Classic).

Before you start

  • Make sure you're on the classic version of the Drag & Drop Editor:

    old-dde.png

    new-dde.png

    ✅ Classic Drag & Drop Editor
    (you're here)

    ❌ New Drag & Drop Editor
    (check this article)

Before you start

The following email clients support Google fonts. For the other email clients, the fallback font will be displayed instead.

  • Apple Mail
  • iOS Mail
  • Google Android
  • Samsung Mail (Android 8.0)
  • Outlook for Mac
  • Outlook App

Step 1: get the font URL

When you'll add a new font to your email, you'll be asked to add the font URL. Here are the steps you must follow to get the URL for your font in Google Fonts:

  1. Go to https://fonts.google.com/.
  2. From the home page, pick the font you would like to add to your newsletter.
  3. Click on the font family in the results:
    Google_font_home_page.png
  4. 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
  5. In the part Use on the web, copy the URL you'll find in the <link> section (only the part between brackets after <link href>) and paste it in the Sendinblue Editor (see procedure below). mceclip0.png

Step 2: add the new font in the Drag & Drop Editor

  1. Select the text whose font you want to change in your email.
  2. From the contextual menu on the right, select Add Font.Add_new_font.png
  3. Then in Web Font Settings, define the font attributes:
  4. 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?).

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.