无法在电子邮件中包含自定义字体

Question

首先，我正在发送电子邮件给数量的客户，可能会像16000封邮件，不幸的是，我发现问题在我的自定义字体。我不能加载到我的邮件页面。我试过这个：

1. With link tag in HTML

   <link href='https://fonts.googleapis.com/css?family=Droid%20Arabic%20Kufi' rel='stylesheet' type='text/css'>
   

   @font-face {
       font-family: 'Droid Arabic Kufi';
       font-style: normal;
       font-weight: 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) format('embedded-opentype'),
            url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
            url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
            url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
   }

   @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
   

   不要告诉我让它成为图像，因为我不能，原因是邮件表单将通过PHP生成。

   任何帮助都将不胜感激。

Answer 1

电子邮件客户端不支持自定义字体。目前不可能在Outlook、Gmail应用程序或任何webmail客户端中显示webfonts。但是，您可以为支持它的客户机指定webfont，为不支持它的客户机指定系统后备字体。

在中放置类似这样的内容将使您获得尽可能好的覆盖范围：

<!-- 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]-->

更多关于webfont支持的电子邮件在风格活动。