date: 2019-07-27
字体分为无衬线字体，衬线字体，等宽字体，花体
<style>
#test1 {
font-family:'微软雅黑','黑体',sans-serief;
}
#test2 {
font-family:'宋体';
}
</style>
<body>
<div id='test1'>离离原上草，一岁一枯荣。
野火烧不尽，春风吹又生。
远芳侵古道，晴翠接荒城。
又送王孙去，萋萋满别情。</div>
<div id='test2'>离离原上草，一岁一枯荣。
野火烧不尽，春风吹又生。
远芳侵古道，晴翠接荒城。
又送王孙去，萋萋满别情。</div>
</body>
为了兼容性，在写字体时，应该将不安全字体写在前面，安全字体写在后面。 以上例子将两个div进行对比。测试代码执行情况。
注意：本文归作者所有，未经作者允许，不得转载
