Серія листа

Какие могут быть шрифты, тут максимум картинкой можно это сверстать, e-mail письма это вам не сайт, тем более шрифты такие не поддерживаются e-mail сервисами. 

Владислав Циховлес 7 березня 2018

Roboto спокойно поддерживается email сервисами, SF UI - нет, это спорный шрифт

По этому не запрещено заменить его похожим , но поддерживающимся шрифтом

Проблема не в шрифте, а в том что текст не сверстать так как в  макете. 

В письмах используется таблична верстка, тем более придется фон делает через background чтобы сверху текст положить, а половину сервисов его не поддерживает. Письмо не годится под верстку. Максимум сделать его картинкой, поставить ссылку на кнопку и все.

почему это только таблицами верстать можно? дивами тоже годится

Ты уверен?

span и div используются редко и для реализации конкретных эффектов, основную же работу по описыванию шаблона письма берут на себя таблицы HTML;

Если все сделать через div, то письмо будет криво отображаться в почтовых сервисах. Outlook отображает только таблицы.

Это какие сервисы не поддерживают фон?

Outlook например

Поддерживает, нужно только его заставить это сделать

Дело же не в этом. Я говорю о том, что такое письмо нормальной версткой не сделать. + бюджет слишком занижен.

Обычная, как для писем, табличная вёрстка с background

Вам скучно?

В почтовых рассылках допускается использование только стандартных шрифтовых наборов, которые присутствуют на всех устройствах. Представляю вашему вниманию список безопасных шрифтов, которые есть на всех устройствах.

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: Georgia, serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;

_________________________________________

Вы тут Roboto видели?

Отправьте мне на почту прошлое сверстанное письмо, чтобы было видно как его сверстали.

[email protected]