Вы можете использовать любые веб-шрифты в электронной почте.Просто надоедать, что они не очень хорошо поддерживаются .
При этом некоторые клиенты их поддерживают!
Чтобы импортировать шрифты из поставщика веб-шрифтов, выдобавит его между вашими <style>
тегами, как и любой другой сайт.
Пример (с использованием шрифтов Google Open sans ):
<style>
...
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
...
</style>
И затем при использованииэто в вашей электронной почте:
<td valign="top" align="center" style="font-family: Open sans, Arial, Helvetica, sans-serif; font-size...">
<span class="fallback_font">Your content here</span>
</td>
Теперь вы, возможно, заметили, что есть промежуток, окружающий контент с классом fallback_font
.Это для всех досадных перспектив (не 2002/3) , которые не поддерживают веб-шрифты .Они требуют, чтобы вы добавили специальный класс, чтобы у них был свой запасной вариант.Итак, снова в голову поместить этот блок кода:
<!--[if mso]>
<style type=”text/css”>
.fallback_font {font-family: Arial, sans-serif;}
</style>
<![endif]-->
Это создает условное правило CSS, которому будут следовать только перспективы Microsoft.Это заставит все перспективы отступить к шрифту Arial и / или без засечек.Вам нужно будет разместить этот замечательный КАЖДЫЙ экземпляр, где используется веб-шрифт.
Надеюсь, это поможет - любой вопрос, не стесняйтесь задавать:)