Как сверстать email письмо?
"Нежелательно" это неверно. Хотите подключайте, хотите нет. Просто в большинстве почтовиков ваш кастомный шрифт не будет работать, вот и всё. Градиент можно сделать картинкой, на пример.
templates.mailchimp.com/resources/email-client-css... - вот по поддержке css свойств. Там же можете скачать их шаблоны и посмотреть как они устроены.
Для верстки рекомендую воспользоваться вот этим фреймворком: foundation.zurb.com/emails.html
О градиенте можно забыть.
Шрифт подключайте через link тег. Вариант через import режется на уровне отправки во многих сервисах. Попутно прописывайте conditional comments для аутлука с указанием дефолтного шрифта, так как подключаемый шрифт выдаст times в аутлуке. Работать будет не везде, но тесты покажут общую картину.
Рекомендованный выше zurb не рекомендую. Это монстр, которым без глубокого понимания верстки писем работать не стоит.