Outlook.com меняет семейство шрифтов в электронной почте html

Когда я использую строку с тегом h3 сам по себе, отображается правильный шрифт. Как только я добавляю строку с тегом h1, шрифты для обоих неверны. Кто-нибудь знает, что здесь происходит? Я в растерянности. Спасибо.

Вот мой код:

<h1 style= "color:#000000; font-family:'Gotham-Light','Century Gothic', sans-serif; font-size: 58px; mso-line-  height-rule:exactly; line-height:58px;margin-bottom:0px;padding-bottom:0px; font-weight:normal">How LTCI is Priced
                                                 </h1>

<h3 style="color:#B21F24; font-family: 'Century Gothic', sans-serif; font-size: 32px; font-style: italic; mso-line-height-rule:exactly; line-height: 100%; text-align: left;font-weight:normal">Dynamics of LTCI Pricing
                                                        </h3>

html email font-family outlook.com
person kjakubek    schedule 06.10.2014    source источник
comment
Скорее всего, это опечатка в атрибуте стиля h1.   -  person idrumgood    schedule 06.10.2014
comment
Я искал это, но не мог найти проблему с этим. В моем вставленном коде выше он разбивает mso-line-height, но на самом деле это объединяется в моем css. Вы видите что-нибудь еще?   -  person kjakubek    schedule 07.10.2014

Ответы (2)


arrow_upward
2
arrow_downward

Outlook отображает html с помощью механизма рендеринга html Microsoft Word и принимает только определенные шрифты. Лучшей практикой для обхода этого было бы связать ваши шрифты в цепочку, как вы это сделали.

Вы уже ответили на вопрос, но я решил добавить немного почему. :)

https://litmus.com/blog/outlook-2013-still-powered-by-word-now-available-for-email-testing

person yowainwright    schedule 07.10.2014

arrow_upward
0
arrow_downward

Я уже нашел ответ на это - надеюсь, это поможет кому-то еще. Outlook.com не понравился Gotham-Light. Как только я удалил его, все остальное заработало, как и ожидалось.

person kjakubek    schedule 06.10.2014