Outlook HTML邮件中英文混排字体设置

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