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

    原文作者:openmartin
    原文地址: https://segmentfault.com/a/1190000012149946
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞