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