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

时间:2018-11-27 22:34:27

标签: email fonts signature newsletter fallback

我在电子邮件签名中使用了自定义的typekit字体,并使用格鲁吉亚作为后备字体。

在移动设备上,它不会在佐治亚州回退。但是,如果删除自定义字体,佐治亚州将加载。

我想念什么吗?

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

1 个答案:

答案 0 :(得分:0)

Bressay永远无法在Outlook或Gmail中使用,因为它们不适用于Google字体之类的网络字体。我使用了您的代码,但无法真正确定它是否对我有用,或者它是否是佐治亚州(Georgia),这是一种看上去很脏的网络安全字体。以下是一些建议,以确保您始终为“姓氏”显示衬线字体。

head中,更改您的主体声明以删除sans-serif备份:

body, table.body, td {
    font-family: Bressay, Georgia, serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}
  • Adob​​e不会在字体名称周围使用单引号,请尝试不使用单引号。
  • 除了上面的body标签,我还向CSS添加了table.bodytd。它将与您需要使用sans-serif字体的部分一起使用。

我将font-family标签直接添加到签名中的strong标签上。:

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

完成此操作后,我在Gmail和Android中获得了衬线字体。

我在Litmus中对此进行了测试,它适用于所有台式机和移动客户端。

祝你好运。