serif：衬线体

笔画开始和结束有加重,示例

|-------------|
|javacoder.cn |

sans-serif:反衬线体

笔画开始和结束没有加重，笔画等宽，但是字体不等宽，,示例

|-------------|
|javacoder.cn |

monospace:

等宽字体,mysql 控制台输出的表格只能使用这种字体，不然'-和abc'不等宽，实例：

|-------------|
|javacoder.cn |

这三种都是font-family的generic-name，从浏览器所在的主机选择该类下默认具体的字体
都是13个字符，sans-serif字体明显不等宽

参考文档

https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

Posted in: IT人生 | Tags: css