Веб-шрифты не отображаются в поддерживающих почтовых клиентах - PullRequest
Новая
       49

Веб-шрифты не отображаются в поддерживающих почтовых клиентах

0 голосов
/ 18 декабря 2018

Насколько я понимаю, следующие почтовые клиенты поддерживают веб-шрифты:

Почтовое приложение AOL Mail Native Android (не приложение Gmail) Apple Mail iOS Mail Outlook 2000 Приложение Outlook.com

Однако, он не отображается правильно ни в чем, кроме Apple Mail и AOL Mail.Я использую метод @import для извлечения Bebas Neue из Adobe Typekit: @ import section

, а затем вызываю его с помощью встроенного стиля CSS:

CSSзвоните

Я что-то пропустил здесь?Почему он не отображается правильно в других поддерживающих клиентах?

1 Ответ

0 голосов
/ 26 декабря 2018

Вам необходимо объявить этот шрифт в стиле или как ссылку на веб-шрифт Google в заголовке.Пример ниже: 

@media screen {
  @font-face {
    font-family: 'DINPro-Light';
    src: url('http://yourfont.com/fonts/din/DINPro-Light.eot');
    src: url('http://yourfont.comfonts/din/DINPro-Light.eot?#iefix') format('embedded-opentype'),
    url('http://yourfont.comfonts/din/DINPro-Light.woff2') format('woff2'),
    url('http://yourfont.comfonts/din/DINPro-Light.woff') format('woff'),
    url('http://yourfont.comfonts/din/DINPro-Light.ttf') format('truetype'),
    url('http://yourfont.comfonts/din/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
...