Question

首先，我发送电子邮件给许多可能会像16,000封邮件的客户，不幸的是我发现我的自定义字体有问题。我无法将其加载到我的邮件页面中。我试过这个：

使用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');
}

kotlin @font-face

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

请不要告诉我制作图片，因为我不能，原因是邮件表格会通过PHP生成。

非常感谢任何帮助。

Answer 1

自定义字体为not well supported in email clients。目前无法在Outlook，Gmail应用或任何网络邮件客户端中显示网络字体。但是，您可以为做支持它的客户端指定webfont，为那些不支持的客户端指定系统回退字体。

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

更多关于webfont support in email on Style Campaign。

不能将自定义字体包含在电子邮件中

1 个答案: