Как я могу настроить шрифт Google в шаблоне электронной почты - PullRequest
Новая
       72

Как я могу настроить шрифт Google в шаблоне электронной почты

0 голосов
/ 18 мая 2018

У меня есть html электронной почты, и я хотел бы использовать шрифт Poppins для отображения текста в моей электронной почте.Тем не менее, это не работает.Я искал и нашел некоторые решения, но он все еще не работает.

https://css -tricks.com / kinda-can-use-custom-fonts-html-emails /

https://mailbakery.com/blog/fonts-html-emails-limitations-solutions-industry-standards/

https://litmus.com/blog/the-ultimate-guide-to-web-fonts

Спасибо за чтение.

1 Ответ

0 голосов
/ 18 мая 2018

Добавьте шрифт Google к вашему шаблону

  1. Найдите свой шрифт Google здесь: https://fonts.google.com.
  2. Далее, нажмите на шрифт и нажмитеНажмите кнопку «Этот шрифт» в правом верхнем углу.
  3. После выбора шрифта нажмите на окно «Выбранное семейство», которое свернуто в нижней части браузера.
  4. Убедитесь, что вы находитесь на вкладке «Внедрить», а затем перейдите к @ «Импорт».: https://help.klaviyo.com/hc/article_attachments/115000293152/2017-05-02_14-33-08.png, например, image.
  5. Здесь вы увидите URL для импорта шрифта.Скопируйте этот URL.В этом примере URL-адрес: https://fonts.googleapis.com/css?family=Roboto.
  6. В своем шаблоне Klaviyo найдите и отредактируйте первый текстовый блок в своем электронном письме.Нажмите кнопку «Источник», чтобы просмотреть необработанный HTML-код.

Затем добавьте следующий HTML-код.Это включает в себя URL-адрес импорта шрифта и указывает, какие элементы HTML будут использовать этот шрифт: 

<style type="text/css">  
   @import url('INSERT_FONT_URL'); 
   p, h1, h2, h3 {  
       font-family: 'INSERT_FONT_NAME', 'INSERT_A_FALLBACK_FONT';  
       } 
</style>

Когда вы сохраните блок, вы увидите новые используемые шрифты.

...