CSS 那些你必须知道的知识 （字体，Auto）

前言

对于前端开发，或许流畅是最需要关注的问题，但是美观也是你需要关注的一部分，包括移动端等适配，这部分实现的基石便是CSS技术。

字体

字体可能是前端萌新们最容易忽略的一点，平时写网页的时候就觉得找适合自己的个性化的字体就好啦，然而发现在别人电脑上你的网页显示的样子和你想得完全不一样。这时候你开始怀疑一切似乎没那么简单，于是你开始学会了@font-face，于是你知道了去看别人网站的font-family是怎么写的。
上面说的就是我关于字体的辛酸历程，今天看了一篇优秀的博文，才意识到字体这个被我忽视了很久的问题是需要我们认真了解的。

关于字体分类，这里我们简单的说，其实就是分为衬线（serif）和无衬线（sans-serif）两类，其实除此之外还有别的，比如我们编辑器里经常使用的等宽字体，Fira Code或者微软最新的随着WT一起推出的Cascadia Code，一般在我们技术文章的代码块中，这种字体会占一席之地。
关于衬线字体，最熟知的可能是宋体和新罗马，但是注意宋体在大字号的表现效果并不好，一般不要这样用。
关于非衬线字体，Windows平台下最出名的就是雅黑了，Mac稍微多一点比如华文黑体，冬青黑体等。

关于引号，我们最好把有空格，中文，或者unicode编码的字体都加上引号，防止识别的时候出错。

接着就是说到正题了，对于font-family这个属性&#x