0

首先,我要向可能有 16,000 封邮件的客户发送电子邮件,不幸的是,我在自定义字体中发现了问题。我无法将其加载到我的邮件页面中。我试过这个:

  1. 带有 HTML 中的链接标签
    <link href='https://fonts.googleapis.com/css?family=Droid%20Arabic%20Kufi' rel='stylesheet' type='text/css'>
    
  2. @font-faceCSS 中:
    @字体脸{
        font-family: 'Droid 阿拉伯语 Kufi';
        字体样式:正常;
        字体粗细:400;
        src:网址(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'),
             网址(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) 格式('truetype');
    }
  3. @import
    @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
    

不要告诉我制作图像,因为我不能,原因是邮件表单将通过 PHP 生成。

任何帮助将不胜感激。

4

1 回答 1

3

电子邮件客户端不支持自定义字体。目前无法在 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]-->

更多关于Style Campaign 电子邮件中的 webfont 支持

于 2016-08-21T16:59:31.277 回答