Web标准设计中常用字体讲解及搭配原则浏览器中展出网页文字内容时，文字字体都会按照设计师在css中定义的字体族的顺序来展开表明。什么是字体族？字体族就是你在css代码中看见“font-family”的代码内的一类字体名称，例如下面这行代码：font-family:ComicSansMS,幼圆,黑体,sans-serif;1/5按照W3C标准，浏览器在解析一行代码时首先不会在系统中查询ComicSansMS字体，如果系统内不存在这个字体那么浏览器就不会用于ComicSansMS字体，如果没的话就接着查询幼圆字体，以此类推直到浏览器可以传达系统不存在的字体为止。

留意了，“sans-serif”不是某个字体的名称，而是一种在前面描述的字体都违宪内敛最后搭配的字体，称作浏览器标准化字体，它各不相同你所用的浏览器配置文件的标准化字体是什么，有可能是“Arial”，也有可能是“Helvetica”。(sans-是法语后缀“没”的意思，意思是“无衬线字体”，无衬线字体我们接下来不会有讲解)。这种情况是设计师应该尽量避免的，设计者应当尽量得出齐全的字体原作(fontset),以最大限度覆盖面积所有系统是为上策。

2/5那么，你可能会回答了，万一系统中都没浏览器想传达的字体时，怎么办？那么浏览器不会表明该字体的缺字符，补字符是字体中的特殊字符，一般来说表明为一个方块，所以有时候小编看见网页上都是方块时深感很囧。请注意，还有一种情况浏览器也不会表明方块，那就是有某种字体A系统中不存在，而刚好也被浏览器接纳了，但是字体A中有个字符B是该字体中不不存在的，那么浏览器也不会以补字符代替字符B的方位，回应遗缺(浏览器回应压力相当大)。

字体的css命名规则叫作“font-family”，但不等同于印刷意义上的font-family，实质上应当称为fontset，印刷上的font-family是指一系列完全相同字样的有所不同强度人组，例如LucidaFamily、ArialFamily等。3/5MyGloryForKing汉字Georgia字体TimesNewRoman字体宋体字母“M”中上下方引人注目的短横线就是所谓的衬线，同理，“y、F、K”的上下方都用短横线展开了引人注目表明，为了填补较短横线的笨拙感又对交错部分展开了园角强化处置，所有这类末端展开了强化的字体皆称作衬线字体。我们常常在印刷出版物中看见这种字体，因为它们表明得较小，但可读性仍然十分好，所以在印刷行业中被广泛用于，以降低成本。

4/5在这里总结了几套简单、非常简单的字体族以供大家参照：Tahoma系由的中性字体，引荐在13px以上的环境中简单，Tahoma字体是小编成最常用的字体，它的清新在Windows系统中的配置文件字体里无可替代。font-family:Tahoma,Helvetica,Arial,Sans-serif;Verdana系由的款施明德字体，引荐在11px以下的环境中简单，也只有老外的网站不会用于，中文字体都不合适在11px下用于。

font-family:TrebuchetMS,Verdana,Helvetica,Arial,sans-serif;衬线字体的不二之中选。5/5font-family:Geogia,TimesNewRoman,Times,Serif;等长字体系列，合适写出代码时用于。font-family:LucidaConsole,Monaco,Courier,mono,monospace;这里的字体都再加了引号，实际情况下不特引号浏览器也可以解析，但不回避个别浏览器不反对辨识字体中的空格而造成错误再次发生的可能性。

我们可以用“黑体”来传达用于黑体的含义，这是因为浏览器反对GB2312编码，但有的系统不反对，所以尽可能还是写“Simhei”，同时也可以防止完全相同字体，但有所不同版本之间浏览器图形效果的区别。

本文来源：乐动·LDSports(中国)体育官网-www.chtoxi.com