Резервный шрифт подписи электронной почты не работает - PullRequest
Новая
       11

Резервный шрифт подписи электронной почты не работает

0 голосов
/ 28 ноября 2018

У меня есть собственный шрифт 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 голосов
/ 29 ноября 2018

Bressay никогда не будет работать в Outlook или Gmail, поскольку они не работают с веб-шрифтами, такими как Google Fonts.Я использовал ваш код и не мог точно сказать, работает ли он для меня или это был Georgia, безопасный веб-шрифт, который выглядит чертовски близко.Вот несколько советов, чтобы вы всегда отображали шрифт с засечками для Фамилии.

В head измените объявление тела, чтобы удалить резервную копию без засечек: 

body, table.body, td {
    font-family: Bressay, Georgia, serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}
  • Adobe не использует одинарные кавычки вокруг имени шрифта, попробуйте его без.
  • В дополнение к тегу body выше, я также добавил * css 1011 * и td.Это будет работать с теми частями, где вы хотели использовать шрифт без засечек.

Я добавил тег font-family непосредственно в тег strong в подписи .:

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

После этого я получил шрифт с засечками в Gmail и Android.

Я протестировал это в Litmus, и он отлично работает для всех настольных и мобильных клиентов.

Удачи.

...