Outlook 2007/2013不呈现CSS字体系列声明

Question

我正在使用Litmus测试电子邮件设计,并且在我的生活中,我无法在Outlook 2007/2010/2013中正确设置我的字体.每个HTML/CSS技巧/黑客继续在Times New Roman中呈现:

`

我主要使用简单的表格进行布局,因此所有内容最终都在TD元素中.

以下是我尝试设置字体的各种技巧.

我的STYLE声明:在HEAD和BODY标签中都尝试了这个并且都不起作用.

<style>
@font-face {
    font-family: proxima-nova;
    src: url('assets/ProximaNova-Reg.otf');
}
@font-face {
    font-family: proxima-nova-blk;
    src: url('http://assets/ProximaNova-Black.otf');
}
body *, td, p, li {
    font-family: font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif;
}
</style>

在TD元素上设置CSS STYLE属性:

  <td style="font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif; color:#FFFFFF; font-weight:300;font-size:18px;">

设置了FACE和STYLE属性的FONT标记:

<font face="proxima-nova,Proxima Nova Regular,Proxima Nova,verdana,sans-serif"  
    style="font-size:28px; 
    font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif;">

所有内部文本元素(P,LI,A)上的内联CSS STYLE属性:

我完全感到困惑.在所有其他相关客户端,一切都正常工作(即字体渲染,因为我期望给出各种错误和渲染怪异),包括iOS,Gmail,Outlook 2003/Express等:

Answer 1

我将问题追溯到我的STYLE声明,该声明使用@ font-face为支持客户端(即Apple)提供自定义字体文件.显然,有关@ font-face声明的使用的一些内容在Outlook 2007 - 20013中中断.

<style>
@font-face {
    font-family: proxima-nova;
    src: url('http://assets/ProximaNova-Reg.otf');
}
@font-face {
    font-family: proxima-nova-blk;
    src: url('http://assets/ProximaNova-Black.otf');
}
</style>

我需要让MS Outlook忽略这个STYLE标记,所以我用标记包装了整个块[if !mso]:

<!--[if !mso]><!-->
<style>
@font-face {
...  
}
</style>
<!--<![endif]-->

哇,这让我发疯了.