我正在使用 Litmus 测试电子邮件设计,但我无法在 Outlook 2007 / 2010 / 2013 中正确设置字体。每一个 HTML / CSS 技巧 / hack 都继续在 Times New Roman 中呈现:
`![Outlook 2010 screenshot from Litmus](https://i.stack.imgur.com/fH13M.png)
我主要使用简单的表格进行布局,因此所有内容最终都位于 TD 元素内。
以下是我尝试过的设置字体的各种技术。
我的风格宣言:在 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 等:
![enter image description here](https://i.stack.imgur.com/XlnkV.png)