根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体。
根据此调用规则。我们就可以给英文和中文单独设置渲染字体。
例：

body { font-family: Impact, "微软雅黑", "Microsoft YaHei", sans-serif; }

<p class="<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js">解读：
由于第一个字体Impact不认识中文，所以该字体只能渲染英文数字和一些特殊符号。而页面中的中文就会自动调用第二种字体”微软雅黑”。
 
需要注意的是，还有很小一部分用户在使用非常低版本的浏览器，比如IE7 IE8。
像上面的例子，在低版本的浏览器上，中文就不会调用第二个字体，而是使用Impact来渲染中文，结果是中文看起来很难看。被狗啃了一样，这点需要注意。
为了保证页面的质量，需要把微软雅黑设置第一位，这样，英文也会使用微软雅黑字体。虽然英文不能单独设字体了，但总比难看的中文好。