Question

开始之前，我是设计师，而不是编码人员。我已经使用@ font-face成功创建了具有自定义托管字体的HTML签名，但是，一旦我发送电子邮件并收到回复，字体格式就会丢失。默认恢复为Arial或其他格式。

这是我的代码，我在做错什么吗？我将字体系列名称列为“ sfd”。我不记得这是真实名称还是仅仅是我创建的别名。



<body>
    <style type="text/css">
    @media screen {
    @font-face {
        font-family: 'sfd';
        src: url('http://archive.friendthemagazine.com/email_signature/studiofrontdesk-regular-webfont.woff2') format('woff2'),
            url('http://archive.friendthemagazine.com/email_signature/studiofrontdesk-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    }

    * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    </style>

Answer 1

您没有做错任何事情。您使用的字体（ studiofrontdesk-regular-webfont ）是一种网络字体，只有少数几种设备可以读取/呈现网络字体。以下是适合您的列表。

AOL Mail
本地Android邮件应用（非Gmail应用）
Apple Mail
iOS Mail
Outlook 2000
Outlook.com应用

仅这些电子邮件客户端将显示Web字体，其余的将读取后备字体。将后备字体（Arial等）添加到您的字体系列。

我用于电子邮件的一种方法是使用Web字体和下面专门用于Outlook的代码。

<!--[if gte mso 9]>
    <style>
        table, table td{font-family:Arial, Helvetica, 'sans-serif' !important;}
    </style>
<![endif]-->

回复电子邮件时，将使用用户系统上的字体或默认为Outlook的字体。

Answer 2

您的字体不是下载的字体。因此，一旦您发送它，它的确消失了。您可以尝试下载字体，然后将文件放在您现在所在的目录中。并将下载字体的名称放在源代码中。

赞：

@font-face { 
font-family: fontname; 
src: url('fontname.otf'); 
}

希望这对您有帮助！

在HTML电子邮件签名上托管自定义字体

2 个答案: