コミュニティアチーブメントバーを展開する。

Join Adobe Journey Optimizer product experts for a live Ask Me Anything on October 15th at 8 AM PT about Expanding Your Mobile Reach with RCS & WhatsApp in AJO!

Mark Solution

この会話は、活動がないためロックされています。新しい投稿を作成してください。

解決済み

Google Fonts in templates

Avatar

Level 1

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

 

Thanks,

 

Pilar

1 受け入れられたソリューション

Avatar

正解者
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.

元の投稿で解決策を見る

2 返信

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

正解者
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.