Expand my Community achievements bar.

Join us for the Community Q&A Coffee Break on May 2nd at 8 am PT with Adobe Journey Optimizer experts Robert Calangiu, Brent Kostak & Sandra Hausmann.
SOLVED

Google Fonts in templates

Avatar

Level 1

Hi team, do you know how to use Google Fonts in email templates?

 

Thanks,

 

Pilar

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Hi  @pmedina,

 Yes, you can use Google Fonts in email templates, but there are some limitations to consider. Not all email clients support custom fonts, so you will need to ensure that your message still looks good even if the font is not displayed. Here is one way to use Google Fonts in email templates:

  1. Choose the font you want to use from Google Fonts and add it to your email template by including the following code in the <head> section of your email:

<link href=https://fonts.googleapis.com/css?family=YourFontName rel="stylesheet">                                                 

Replace "YourFontName" with the actual name of the font you want to use. 

  1. Apply the font to specific elements in your email by using CSS. You can do this by adding a style block to the <head> section of your email or by adding inline styles to individual elements. For example:

<style>

  body {

    font-family: 'YourFontName', sans-serif;

  }

</style>

  1. Test your email in different email clients to ensure that the font is displayed correctly. If the font is not supported in a particular client, it will fall back to the default font that is supported.

Remember that email clients have varying levels of support for custom fonts, so it's important to test your emails in multiple clients to ensure they display correctly.

View solution in original post

2 Replies

Avatar

Community Advisor

@pmedina 

HTML code of email template is accessible with Switch to code editor option in email designer. Add google fronts link and font family according to the need.Capture.PNG

Avatar

Correct answer by
Employee Advisor

Hi  @pmedina,

 Yes, you can use Google Fonts in email templates, but there are some limitations to consider. Not all email clients support custom fonts, so you will need to ensure that your message still looks good even if the font is not displayed. Here is one way to use Google Fonts in email templates:

  1. Choose the font you want to use from Google Fonts and add it to your email template by including the following code in the <head> section of your email:

<link href=https://fonts.googleapis.com/css?family=YourFontName rel="stylesheet">                                                 

Replace "YourFontName" with the actual name of the font you want to use. 

  1. Apply the font to specific elements in your email by using CSS. You can do this by adding a style block to the <head> section of your email or by adding inline styles to individual elements. For example:

<style>

  body {

    font-family: 'YourFontName', sans-serif;

  }

</style>

  1. Test your email in different email clients to ensure that the font is displayed correctly. If the font is not supported in a particular client, it will fall back to the default font that is supported.

Remember that email clients have varying levels of support for custom fonts, so it's important to test your emails in multiple clients to ensure they display correctly.