1、Sans-serif：无衬线字体的一种，较醒目；常见的无衬线字体有 Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圆、隶书等等。
font-family最后加上sans-serif，也是为了担保可以或许挪用这个字体族内里的字体，因为大大都计较机里都有这种字体。

2、Serif：同样是无衬线字体，容易辨认，因此易读性较高。

   Serif和Sans Serif的比较：

　　①Serif的字体容易辨认，因此易读性较高。反之Sans Serif则较精明，但在行文阅读的环境下，Sans Serif容易造成字母辨认的困扰，常会有往返重读及上下行错杂的景象。

　　②Serif强调了字母笔划的开始及竣事，因此较易前后持续性的辨识。 

　　③Serif强调一个word，而非单一的字母，反之Sans Serif则强调个体字母。

　　④在小字体的场所，凡是Sans Serif比Serif更清晰。

3、Helvetica: 被评为设计师最爱的字体，Realist风格，简捷现代的线条，很是受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

4、Arial: Helvetica的「克隆」，和Helvetica很是像，细节上好比R和G有小小不同。假如字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

5、Lucida Family: Lucida Grande是Mac OS UI的尺度字体，属于humanist风格，稍微生动一点。Mac下的显示要比Win下好。

6、Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，可是字体细节缺失严重，最好别做标题。

7、Tahoma: 也是humanist风格，字体和Verdana有点像，可是略窄一些，counter略小，曾经是Windows的尺度字体，Mac 10.5之后默认也有安装。

8、Trebuchet MS: 为微软设计的一个humanist风格字体，小我私家以为本性过分突出，用得欠好会不搭。

9、Georgia: 根基上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，表面较大，小字体显示也很清晰，同时细节还算OK。

10、Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。

中文字体

1、中易宋体：Win最常见的字体，小字体点阵，大字体TrueType，可是大字体并欠悦目，所以最好别做标题。

2、微软雅黑：Vista之后新引入的字体，打开Cleartype之后显示结果不错，不开Cleartype发虚。

3、汉文细黑：Mac下的默认中文。

4、Droid Sans和衍生的WenQuanYi Microhei：Andriod中的中文，也是Linux绝大多数发行版本的默认中文，虽然也有用WenQuanyi Zenhei的，不过较少。