Как использовать @ font-face в электронном письме?

Question

Вот сложный вопрос о CSS. Я должен отправить электронное письмо с некоторыми стилями. Единственный способ заставить стили работать в письме - писать их сразу после тегов (я даже не могу написать <style type="text/css">, потому что почтовый сервер его игнорирует). Итак, это пример того, что я должен сделать:

<div style="background: red;"></div> 

Например, это работает отлично. Проблема в том, что мне нужно использовать запрос css @ font-face. Есть ли способ включить его вот так?

<div style="background: red; @font-face { font-family: 'myFont'; src: url('myURL'); }"></div> 

Примечание: очевидно, последняя строка не работает вообще.

Вот аналогичный пост с ответом:

Can @fontface be used within a tag? (for email signature reliability)

Но я не могу использовать внешнюю таблицу стилей или скопировать его в разделе стиль, потому что он не будет работать.

Заранее спасибо.

Answer 1

Посмотрите на this. После долгих испытаний это лучшая поддерживаемая техника, которую я придумал для веб-сайтов.

Если вы хотите его только для подписи, скажем из Outlook - нет техники, о которой я знаю. Несмотря на то, что вы можете назвать его встроенным, все методы для добавления/вызова веб-сайта должны быть в теге <style>. Это похоже на попытку вызвать внешнюю таблицу стилей внутри ... Не думайте, что это возможно.

Кроме того, в html-письме вам нужно использовать шестизначный шестнадцатеричный код при объявлении цветов. Попробуйте background-color:#FF0000;