HTML&CSS基础-字体的分类
作者：尹正杰
版权声明：原创作品，谢绝转载！否则将追究法律责任。
一.HTML源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字体的分类</title>
<style type="text/css"> p{
font-family: arial,"微软雅黑","华文彩云",serif;
}
</style>
</head>
<body>
<!--
网页中的将字体分为5大类,如下所示:
serif:
衬线字体
sans-serif:
非衬线字体
monospace:
等宽字体
cursive:
草书字体
fantasy:
幻虚字体
以上这些分类都是一些大的分类，并没有设计到具体的类型，如果将字体指定为这些格式，浏览器会根据自己选择指定类型的字体。
一般将字体一的大分类，指定为font-family中的最后一个字体
-->
<p style="font-size: 50px; font-family: serif;">衬线字体:我是一个P标签,12345,上上打老虎,ABCGHIabcd</p>
<p style="font-size: 50px; font-family: sans-serif;">非衬线字体:我是一个P标签,12345,上上打老虎,ABCGHIabcd</p>
<p style="font-size: 50px; font-family: monospace;">等宽字体:我是一个P标签,12345,上上打老虎,ABCGHIabcd</p>
<p style="font-size: 50px; font-family: cursive;">草书字体:我是一个P标签,12345,上上打老虎,ABCGHIabcd</p>
<p style="font-size: 50px; font-family: fantasy;">幻虚字体:我是一个P标签,12345,上上打老虎,ABCGHIabcd</p> </body>
</html>
二.浏览器打开以上代码渲染结果
1>.火狐浏览器打开显示结果
2>.谷歌浏览器打开显示结果
3>.360浏览器打开显示结果（360不愧是基于谷歌的引擎二次开发的，显示处理效果几乎雷同）
4>.IE浏览器打开显示结果
