Outlook HTML邮件中英文混排字体设置
如果是纯中文或者纯英文指定一个字体就可以,如果是中英文混排,希望中文和英文使用不同的字体,该如何?
css 中 font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
在Chrome浏览器Inspection->Elements->(Style)Computed功能中可以看到Rendered Fonts 也就是本地实际上用哪种字体显示的。
在中英文混排的时候,我们可以在font-family中第一个字体指定为纯英文字体,第二个字体指定为中文字体,可以实现中英文用不同的字体显示。
在网页中以上的方法就可以实现,但是在邮件客户端当中并不支持(outlook 2010) 所以需要使用office的私有属性。mso-ascii-font-family
对应英文字体, mso-bidi-font-family
对应文字顺序既可以从左到右又从右到左的语言,比如中东地区的阿拉伯文。
<!-- ms outlook font fallback -->
<!--[if mso]>
<style>
.section {
font-family: '华文楷体';
mso-ascii-font-family: 'Calibri'
}
.block {
font-family: '华文楷体';
mso-ascii-font-family: 'Calibri'
}
.report p {
font-family: '华文楷体';
mso-ascii-font-family: 'Calibri'
}
.report .focus {
font-family: '华文楷体';
mso-ascii-font-family: 'Calibri'
}
.report .author {
font-family: '华文楷体';
mso-ascii-font-family: 'Calibri'
}
.report .url {
font-family: '华文楷体';
mso-ascii-font-family: 'Calibri'
}
</style>
<![endif]-->
其他方法
http://www.duanzhihe.com/1256…
使用@font-face