Проблемы замены стека шрифтов CSS в Outlook при использовании Google Webfonts

используя Google Webfonts в HTML-письме, я столкнулся с проблемами замены шрифтов в Outlook (2007,2010 и т. д.) это не произошло до включения webfonts.Он игнорирует стеки шрифтов и переходит прямо к Times.

это происходит, несмотря на использование встроенных резервных стеков шрифтов.

я заметил подобные проблемы, которые были опубликованы здесь раньше, но только как общий вопрос, не связанный с использованием webfonts. Раньше все резервные шрифты работали правильно. Я использование лакмуса для проведения тестирования электронной почты.

кто-нибудь знает почему это может происходить?

ссылка на лакмус: https://litmus.com/pub/53a33c7/screenshots

первоначально связанные шрифты в CSS так:

<link href='http://fonts.googleapis.com/css?family=Arvo|Droid+Serif:400,700,400italic,700italic|Roboto:300' rel='stylesheet' type='text/css'>

Я также попытался использовать @font-face и самостоятельно размещенные файлы после просмотра возможного решение в другом ответе, но это не сработало (я тоже обновил имена классов):

кроме шрифта попытка обхода проблемы:

<!--[if !mso]><!--> 

@font-face {
    font-family: 'droid_serif';
    src: url('http://www.suissamesser.com/emails/rsdsa/DroidSerif-webfont.eot');
    src: url('http://www.suissamesser.com/emails/rsdsa/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.suissamesser.com/emails/rsdsa/DroidSerif-webfont.svg#droid_serif') format('svg'),  
         url('http://www.suissamesser.com/emails/rsdsa/DroidSerif-webfont.woff') format('woff'),
         url('http://www.suissamesser.com/emails/rsdsa/DroidSerif-webfont.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;

}
<!--<![endif]-->

Outlook конкретного переопределения CSS, кажется, работает, но есть приоритетные вопросы. Я не верю, что Outlook признает !важная декларация, поэтому я работаю над более конкретными выборами. Однако я все еще не понимаю, почему это происходит, и если есть более простое решение.

Outlook Font Override Выдержка:

    <!--[if gte mso 9]>
    <style>
        /* Target Outlook 2007 and 2010 */

            h1 { font-family: 'Georgia',serif !important; font-weight:normal; }
            h1 a { font-family: 'Georgia',serif !important; font-weight:normal; }
            h2 { font-family: 'Trebuchet MS',arial, helvetica, sans-serif; font-weight:normal; }
            h3 { font-family: 'Trebuchet MS',arial, helvetica, sans-serif; }
            .cover,img.cover,a.cover {
                display: block;
                visibility: visible;

                td { font-family: 'Trebuchet MS',arial, helvetica, sans-serif; } 

                .droid { font-family: 'Georgia', serif; }
}
    </style>
    <![endif]-->

пример проблемного кода:

<td height="30" colspan="3" align="left" valign="middle" class="featured">
    <h2 style="text-align: left; padding: 0; margin: 0; color: #00799f; font-family: 'Roboto',arial, helvetica, sans-serif; font-size: 21px; font-weight: 100; background: none; border-bottom: 1px solid #b1d6e2; text-decoration: none; line-height: 36px; mso-line-height-rule: exactly;">cover story</h2>
</td>

обновление:

Я пробовал предложение в ответах поместить код импорта webfont в условные теги, которые исключают Outlook, безрезультатно.

<!--[if !mso]><!-- -->
@import url(http://www.example.css);
<!--<![endif]-->

и

<!--[if !mso]><!-- -->
@import url(http://fonts.googleapis.com/css?family=Oxygen);
<!--<![endif]-->

ОБНОВЛЕНИЕ II (РЕШЕНИЕ):

со всей предлагаемой помощью ясно, что ряд, казалось бы, незначительных проблем может вызвать эту проблему. Метод font-face кажется предпочтительным для @import. Наличие имени webfont не совпадает с локальным шрифтом может вызвать ту же проблему, но это просто не то, что происходило с этим конкретным письмом.

Я пробовал условный код на раннем этапе, чтобы скрыть код импорта webfont из Outlook <!--[if !mso]><!--> в целом.

проблема заключалась в том, что я сделал это в теге стиля CSS в разделе head. Просто размещение этого кода в собственном теге стиля, как показано ниже, имело значение.

Я подтвердил, что он работает, поскольку я смог удалить дополнительный обходной CSS-код, который я использовал для обнаружения версии Outlook 2007 и выше для восстановления h1, h2 значения стандартного стека шрифтов.

<!--[if !mso]><!-->
<style type="text/css">
@font-face {
    font-family: 'oxygenlight';
    src: url('http://www----/fonts/oxygen-light-webfont.eot');
    src: url('http://www.----/fonts/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.-----/fonts/oxygen-light-webfont.woff') format('woff'),
         url('http://www.-----/fonts/oxygen-light-webfont.ttf') format('truetype'),
         url('http://www.-----/fonts/oxygen-light-webfont.svg#oxygenlightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
</style>
<!--<![endif]-->