Невозможно включить пользовательский шрифт в электронные письма

Прежде всего, я отправляю электронное письмо тем клиентам, которые могут составить около 16 000 писем, и, к сожалению, я обнаружил проблему в своем собственном шрифте. Я не могу загрузить его на свою почтовую страницу. Я попробовал это:

  1. С тегом ссылки в HTML
  2. С @font-face в css:
    @ font-face {
    семейство шрифтов: "Droid Arabic Kufi";
    стиль шрифта: нормальный;
    вес шрифта: 400;
    src: url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
    формат src: url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) ('embedded-opentype'),
         формат URL (https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) ('woff2'),
         формат URL (https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) ('woff'),
         формат URL-адреса (https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) ("истинный тип");
}
  3. С @import
    @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

Не говорите мне делать изображения, потому что я не могу, и причина в том, что почтовая форма будет сгенерирована через PHP.

Любая помощь будет оценена спасибо большое.

Источник

1 ответ

Пользовательские шрифты не очень хорошо поддерживаются в почтовых клиентах. В настоящее время невозможно отобразить веб-шрифты в Outlook, приложении Gmail или любом клиенте веб-почты. Однако вы можете указать веб-шрифт для клиентов, которые его поддерживают, и системные резервные шрифты для тех, кто его не поддерживает.

Поместив что-то вроде этого в свой <head> обеспечит вам наилучшее покрытие:

<!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
<!--[if mso]>
    <style>
        * {
            font-family: sans-serif !important;
        }
    </style>
<![endif]-->

<!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. -->
<!--[if !mso]><!-->
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
<!--<![endif]-->

Подробнее о поддержке веб-шрифтов по электронной почте на сайте Campaign.

Источник
Другие вопросы по тегам