衬线字体，无衬线字体，等宽字体，比例字体

最近要写一个网页作业，css里没有在最后指定sans-serif，又偏偏在ubuntu下，结果效果和老师的效果差了很多，所以还是总结一下，留作纪念。



衬线是字形笔画末端的修饰细节部分（from wiki），所以从衬线的角度字体分为衬线字体(serif)和无衬线字体(sans-serif)，最常见的衬线字体可能就是times new roman了。相对的常见的无衬线字体有arial，下面这张表（from wiki）很明了。

   

无衬线字体
衬线字体
衬线字体的衬线 （红色部分）

I am andy   (Georgia)

I am andy   (Arial)

衬线字体的优点：

        方便阅读，大块的文字（比如报纸）一般采用衬线字体，因为衬线很好的增强了整个单词的可读性，并通过粗细强调了横竖，但其相对于无衬线字体欠缺了一些美感，并且太多的细节也会加快眼睛的疲劳，特别是在电脑 屏幕上。


无衬线字体：
        无衬线字体的单个字母更加具有美感，更加现代和简洁舒适，所以常用来做标题，


等宽字体(monospaced font) 的所有字符的宽度都是相等的，与其对应的则是比例字体(proportional font),。


等宽字体是由于早起显示，打印技术不成熟而产生的，由于等宽，所以其i j等字母的左右留白比较多而w m等则显得非常挤比如：








常见的等宽字体有Courier New，consolas，等宽字体也常用作编程字体。
随着技术的发展，比例字体因其排版更加自然而逐渐普及。下面的图(from wikipedia)对比了两种字体