Google Fonts in templates | Community
Skip to main content
P
Adobe Employee
pilar_medinaAdobe Employee
Adobe Employee
February 8, 2023
Solved

Google Fonts in templates

  • February 8, 2023
  • 2 replies
  • 2189 views

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

 

Thanks,

 

Pilar

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by akshaaga

Hi  @pilar_medina,

 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.

2 replies

Anuhya-Y
Community Advisor
Anuhya-YCommunity Advisor
Community Advisor
February 8, 2023

@pilar_medina 

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.

    akshaaga
    Adobe Employee
    akshaagaAdobe EmployeeAccepted solution
    Adobe Employee
    February 9, 2023

    Hi  @pilar_medina,

     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.

      Terms & ConditionsAccessibility statement

      Loading footer...