43.尚硅谷_HTML&CSS基础_字体分类.avi原创

接着来说这个字体啊，接下来我们来说一个我们这个字体的一个这个分类啊，字体分类，字体分类呢，是我们这个什么呀，这是我们这个网页里给这字体分了这么几个这么五类啊五类诶有这么五种字体，一个叫什么呢？叫做SR，诶叫什么呀，衬线字体一叫什么呢？叫做sense s叫什么呀，非衬线字体，还有一叫做mono space叫一个什么呀，等宽字体，还有什么一个castle，叫一个什么呀，草书字体，还有一个fan fany叫什么呀，虚幻字体，实际上前常用的就上面这俩，像这仨呢，就用的不多啊，用的不多，这是一个字体的分类，那注意了，什么叫字体的分类呀，哎，它是一个什么呀，是一个大的分类，就像什么呀，我把人整个分一个类，叫什么呀，叫人，但是人里边还有小分类叫什么呀，男人还有女人，可能还有小儿，还有老人，我们这个人是一个什么呀，大的分类，那我们说了有没有人这个人呀，没有人这个人像这什么呀，这叫什么呀，趁。

看体有没有一个字体叫衬线字体啊，没有，这是什么呀，它是一组字体，叫这么一个统一，叫这么一个名儿，叫做一个CF，它表示什么呀？表示的是一个大的分类啊大的分类，所以这里边我们来说一下，叫做一个字体的一个分类，字体的一个哎分类来我们来说一下啊，直接在这来写一下，来一个这个写写在这儿吧，写个A描注释我们什么呢？在我们这个网页中，将我们这个字体分成了五大类，将我们这个字体分成了五大类，还有五大类这名呢，我也记不住啊，咱们直接粘过来了，哪五大类呢，就是我们的这个叫什么呀，这五类。哎，S衬线字体什么非衬线字体什么等宽字体，还有一什么呀，草书字体啊注意这是一个大的分类，比如说举个例子，我们的宋体它可能就什么呀，属于衬弦字体，我们的什么呀，我们的微软亚黑它就可能属于什么呀，属于非联字体啊，他们是什么呀？我这个大分类下边干嘛呀，会有一些什么呀，小的分类啊，小的分类啊，我们说什么呢？这些大的分类下边会有什么呀，这些大的分类下边会有很很多什么呀小的字体，那我们来说什么呢？诶我们来说一下我们可以什么呢？我们可以将我们什么呀，将我们这个字体设置为什么呢？设置为这些什么呀，大的分类，那比如说我可以怎么设置啊，我直接来一个P标签，P标签里边来什么呢？哎，我是一段文字，然后这来一个ABCDEFGABCDFG随便写一个，然后这里边我直接写那样式的啊，Style标签我来一个size，放size来一个50个像素，然后来什么呢？来一个这个fo。

Family，我可以直接将自己写成什么呢？写成一个S，哎，S注意了，我们说了S是不是一个大的分类，叫做一个衬线字体啊？哎，那我们说了衬线字体是哪个字体啊？好多呢吧，哎，我们会有好多种衬线字体，那我们来说一下什么呢？当设置为这什么呀，大的这个分类以后干嘛呢？诶浏览器会什么呢？会自动选择什么呀？诶指定的这个字体并什么呢？并应用样式，所以这里边你注意我写了一个server，它是一个什么呀？衬线字体，那我们的什么呢？我们的浏览器会自动的从线字体里选出一种来干嘛呀，来使用啊，会自动的选出一种，那到底选的哪种，不同的浏览器干嘛呢？设置方式不同，那不一定，我们来看一下效果啊，这个是我们的这个衬线字体，衬线字体来保存，直接看我们的这个括弧，诶来看，诶这就是什么呀，这就是一个衬弦字体，一看火狐可能用了一个什么呀，宋体啊，可能是用了一个这个宋体好，那么再写一个啊，再来一个什么呢？再来一个。

非衬线字体，那我设置非衬线字体来，我们这个叫做什么呀？叫做一个s sense s，那它要干嘛呀，它是不是会从这个非衬线字体里边选出一种啊哎，选出一种，我这一保存，咱们来一刷新走你诶这是一什么呀？非衬线字体这个是谁呀？雅黑啊雅黑，那么主要来看一下衬线字体，还有非衬线字体一个区别，那什么叫衬线字体啊。

什么叫衬线呀，说白了就是不好好写字，不好好写字啊，你看我这一盒盒就盒吧，看上面勾一下子看到了吧，来来勾一下子，你这你这体，本来你这写完了，最后干嘛还写的越来越越来越粗，还往上小勾一下是吧？哎，什么叫衬下字体啊，就是结尾的时候不好写，老是么拐个弯，这弯就叫什么呀，这弯就叫衬线啊，这个弯都叫什么衬线，你看A。是不是给你多两核啊C给你出个头，这就叫什么呀，叫做衬线啊，这叫一个衬线字体叽了拐弯不好写叫什么呀，称线，那什么叫非称线，哎，横平竖直，你看我这字是都一边粗啊哎，横跟竖都是一边粗，不会说到这咔你拐个弯的对吧？哎，比较直的叫什么呀？非衬线字体啊，这个叫做衬线，这个叫什么非衬线，你像我们宋体就是什么呀，衬线字体，非衬线字体就是我们什么呀，雅黑呀，黑体这些就是一个非衬线字体，好，这是一个它我们来看看其他浏览器，看看我们什么呢？Chome诶。

Chome呢，你会发现你整非成现字体吧，它是不是都是宋体啊，哎，所以这种东西啊，注意不同浏览器对这东西的处理方式不同，你像对这玩意儿处理就不是很好，所以他这块这效果是不是这两个字是不是一样的呀，哎，一样的没什么区别啊，所以对这东西支持的不是很好啊，再来看我们那什么呢？IE iee打开，诶IE是不是就好好很多呀，哎，好很多啊，会自动选择啊，自动选择，所以这里边呢，我们不能决定什么呀，浏览器到底选择哪个字体，选择哪个字体由谁呀，由浏览器自己决定啊，自己决定。还有下边三个不太一样的，我们来说一下，都复制过来啊，还有一个叫做mono space space，这叫什么呀，等宽字体都给它写出来啊，咱们就看个效果等宽字体，然后还有一个叫做草书字体。

草书字体，还有一个叫做fantasticy，叫做虚幻字体，诶咱们看看它有多虚幻，虚幻字体来保存，我们来看效果啊，现在我这一刷新走，你一个一个的看，先看什么呢？诶衬线非衬线我就说完了，我们看什么呀？等宽字体，那什么叫等宽字体啊，一看门你就知道什么意思呀，哎，是不是一边宽呀？哎，字与字之间都是一边宽的啊，一边宽的那中文就没得说了，中文本来就是什么呀，本来就是一边宽的，直接看什么呀？看我们的英文，那英文怎么体现出一边宽了呀？那英文举个例子，我们有个字母什么呀？哎，还有什么呀，还有H这俩是不是一边宽呀，明显不是吧，爱是不是很窄，H是不是很宽呀？哎，很宽，那我们来看看这种字它是怎么处理的，来，我这一刷新走你，诶，我写错地儿了是吧，我这写什么呢？写写这个飞尘压字去了啊写在这儿，我这一刷新走你。

诶什么效果了，哎，他要干嘛呀？哎，本来是这样写是吧，上边宽一点，下边宽一点，我这一加出去一边宽了能看懂吧，哎给你加这玩意儿啊，给你加点这个富裕的东西，让你干嘛呀，让你变得一边宽啊，你可以量量去是吧，量量去你就我就不量了啊，我我认为是一边宽的是吧？好，那接下来实际上干嘛呀，等宽字体什么时候常用啊，我们程序语言里边一般都用什么呀？等宽字体，我们编程的时候一般都用什么呀？等宽字体，这样我们写的时候对题看起来会干嘛呀，会好看一些，写的时候也清楚一些啊程序像我们这里边就是什么呀，懂宽字体啊懂宽字体，然后下边一个叫什么呀，叫草书字体，诶你看他这个草书字体，它草不草啊，基本上不草是吧，但是这个东西为什么呀，不同远界理解不一样，那所以这个什么呀，火狐就认为这就是什么了，这就是草书了是吧，反正中文他怎么写他都是草书是吧，他也不认识，所以他他就给你整这么一个这这什么字体看。

像楷书应该像楷书是吧？诶甭管什么字了，哎，甭管什么字了，反正这是什么呀，就是由于浏览器对这东西的理解不同啊，这么一个效果，你说这玩意儿就一点也不吵了是吧，你中文你不吵就不吵了，这英文他的他也不吵是吧？哎然后再往下这哎呦呵，一点都不虚幻是吧？哎一点都不虚幻，所以这里边问题为什么出现这个问题就是什么呀，这些字体不同，浏览器它的理解不同，所以显示效果不同，来看看我们这个pro刷新。嗯，可是我们草书有点草了是吧，中文这玩意儿全都是宋体吧，所以注意啊，这些东西对中文实际上都不是特别友好，他们主要还是弄谁了英文，英文这个就是比较虚幻是吧，有点像那种广告字体啊，广告字体好，再看我们这IEIE可能会虚一点刷新。

哎，草书这回确实草了是吧？哎，这确实草了，然后这个等宽字体也是也一边宽了，然后这个虚幻字体确实有点有点虚是吧？哎，确实点虚啊，当然了还是那句话，不同浏览器对这东西理解不一样啊，但是我们就指定完了以后，我们就管不了了，指定完了浏览器想用啥他就干嘛呀，他就用啥啊，他就用啥，那这玩意有啥用啊，有啥用啊？哎，我们来说一下一般什么呢？一般我们会将这个字体的这个大分类干嘛呢？诶指定为我们这个fo family，怎们说了found family中可以干嘛呀，是不是顶多个字体呀，指定为found family中的什么呀，中的这个最后一个什么呀，最后一个字体啊，最后一个字体作为什么呀？诶为什么要领喻最后一个字体呀，比如说举个例子，我这来一个style style标签，我直接来一个P标签，我来什么呢？来一个放，一般我会怎么写呀，可能我写一个这个real，然后写一个逗号，来一个这个微软雅黑，然后再来。

再逗号来一个这个华纹彩云，我们举例子啊，然后最后来什么呢？来一个这个不是在我们这个ser iff c，我会这么写，为什么这么写，你看我S是不是放到最后了，放最后什么特点呀，它会优先使用它，然后使用它，然后使用它，如果这三个都没有干嘛呀，是不是才用最后一个呀，哎，才用最后一个，说白了这哥们干嘛的，这哥们是兜底的，那兜底的呀，你优先使用这个字体，有你就用，没用干嘛呀，你用第二个，第二个有你就用，没有你就干嘛呀，用第三个，好，你这三都没有，都没有，如果我不指定那个，它是不是就使用默认字体了呀，我们说了，如果呀，你这三个字体呀，都没有，你就随便给我选一个什么呀，衬线字体来干嘛呀，来用啊，随便选一个衬线字体来用，这干嘛呀，就是一个兜底的啊，确保我们可以达到一个什么呀，相对来说较好的一个效果，但是一般到这儿效果都不会什么呀，不会特别。

满意了啊，不会太满意了，所以这里边注意一般都会指定一个它来兜底，一般就用两只，一个是C，还有一个什么呀，S这玩意儿，Model space呀，这玩意儿都少用的比较少，因为这玩意儿差距。是不是太大了呀，好，你到IE里这样了，在火狐里这样是不是差距太大了呀？哎，所以一般就是什么呀，衬线还有这个非衬线两种啊好，这是我们说字体的一个分类，我们就说这么多啊，大家了解一下就OK了。