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