电子邮件签名后备字体不起作用

Question

我在电子邮件签名中使用了自定义 typekit 字体，并将 Georgia 用作后备字体。

在移动设备上，它不会回退到格鲁吉亚。但是，如果我删除自定义字体，Georgia 将加载。

我错过了什么吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Signature</title>
<style type="text/css">
 @import url("https://use.typekit.net/rzf8bdg.css");
 body {
  font-family: 'Bressay', Georgia, sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
 }
 td {}
</style>
</head>

<body>
 <div>
     <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 320px;">
   <tr>
    <td width="31.25%"><a href="https://fertilityconsultants.ca"><img src="https://fertilityconsultants.ca/wp-content/uploads/2018/11/cfc-logo-es.jpg" alt="CFC logo"/></a></td>
    <td valign="center" style="padding-left: 10px;">
     <strong style="font-size: 16px;">First Last Name</strong><br/>
     <em style="font-size:12px; margin-bottom:6px;">Job position</em><br/>
     <strong style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #66905f;">T</strong> (555) 555.5555&nbsp;<strong style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #66905f;">EXT</strong> 555<br/>
     <strong style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #66905f;">C</strong> (555) 555.5555<br/>
    </td>
   </tr>
  </table>
 </div>
</body>
</html>

Answer 1

Bressay 永远无法在 Outlook 或 Gmail 中使用，因为它们不能使用 Google 字体等网络字体。我使用了你的代码，但无法真正判断它是否适合我，或者它是否是 Georgia，一种看起来非常接近的网络安全字体。这里有一些建议，可确保始终为姓氏显示衬线字体。

在 head 中更改您的正文声明以删除无衬线字体备份：

body, table.body, td {
    font-family: Bressay, Georgia, serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}

Adobe 不会在字体名称周围使用单引号，不用的话试试看。
除了上面的body标签外，我还在css中添加了table.body和td。这将适用于您想要使用无衬线字体的部分。

我在签名中的strong标签中直接添加了font-family标签。:

<strong style="font-family: bressay, Georgia, serif; font-size: 16px;">First Last Name</strong>

这样做之后，我在 Gmail 中得到了衬线字体 Android。

我在 Litmus 中对此进行了测试，它适用于所有桌面和移动客户端。

祝你好运。

电子邮件签名后备字体不起作用

Email signature fallback font is not working

email

fonts

signature

newsletter

fallback