好的字体排版，能够让人耐性的看完那些文字，然后得到其间的主要信息，还能够影响到阅读者阅览的心境。一起，字体的挑选、巨细等，还应当合作公司的VI识别体系，还需求合作你作品需求表达的思想感情来断定（例如古典风格，应当挑选哥特式字体等）。
好了，对于字体的主要性，我就说这么多，再多说也是废话，只要咱们知道很主要，要好好挑选调整就好了。
字体的分类和格局
衬线和无衬线
衬线算是一种辅助性的小细节，笼统的谈，太过于笼统，咱们来看两个例子：
这两个字体，是有衬线字体，咱们能够看到在边角的方位，会多出一些润饰。这么的优点即是，能够明晰的分辩出字母和文字，分辩笔划的开始和终止。可是，这种字体假如设置字体巨细太小的话、或许你里文字较远，则会遭到衬线影响，分辩不明晰。一起，因为中文体系，默许的字体为宋体，见的太多致使审美疲惫，所以衬线字体对比适宜打印文字以及正规文档中运用，一般不太适宜运用在页面中。
这两个字体，即是无衬线字体，没有边角的润饰，令人看起来很规整润滑，没有毛刺。对比适宜用在页面中，让阅读者获取许多的文字信息而不会疲惫。
字体系列
字体之间最大的区别并不在于有无衬线，而在于字体与字体之间，形体的区别。可是许多字体（特别是英文字体）之间，区别不大，有些新字体乃至是对已有字体进行了纤细的改造后发生的。
所以，就把字体分成了几个大的系列，同一个系列中的字体，大体一样，称作通用字体系列。其间包括以下五个系列：
serif：带衬线字体。Times New Roman 是默许的 serif 字体，中文字体的话，是宋体、仿宋之类的字体。
sans serif：无衬线字体。Arial 是默许的 sans-serif 字体，中文字体中，微软雅黑、黑体等都是这类字体。
monospace：等宽字体。这个字体里边的每个字母都有一样的宽度。一般用于显现程序代码等，Courier 是默许的 monospace 字体。而对于中文，每个汉字都是等宽的。
cursive：仿照手写字体。手写体，对比特性，一般用于标题、logo等等。这个字体系列没有默许字体，英文来说，一般用 Comic Sans，中文的话，行书系列、草书系列的字体等，都能够算作手写字体。
fantasy：装修用字体。大都用于标题，极具特性，字体繁多，艺术字体。无法对其的巨细、形状下一个统一的结论，所以没有默许字体，在页面中，也一般很少用到，除非你有特别的用途构思性的规划。
对于通用字体系列的更多解说、描绘和字体举例，引荐咱们查看在 W3school 上的材料。
字体的格局
格局即是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图像：
里边的字，是一样巨细的，一起排放在一条竖线上。为其应用了四种不一样的字体后，体现出来了不一样的形状和粗细巨细。在中文字体中，不一样的字体，在字间距中一般没有很大的变化。而在英文字体中，不一样的字体会改动字母的巨细，致使整体的尺寸规划不一样，进而致使全部排版混乱。
一样的字体巨细，在不一样的字体下面，显现的作用简直彻底不一样。这是英文字体挑选中，对比费事和头疼的疑问。
字体的挑选
上面的这些理论，从某些角度和意义上来说，都是废话。怎么挑选适宜的字体，才真实切合实际。那么咱们应当怎么挑选在页面中运用的字体呢？
处理这个疑问，咱们先应当知道为何要纠结于挑选字体这个疑问。我个人认为应当存在 有用性 和 构思性 这两个方面的要素。构思性极好了解，即是想打破惯例，合作自个的页面中的规划思想而挑选相应的字体，例如表达程序员的思想，就对代码运用等宽字体，表达恐惧、古典，运用哥特式字体等等。这点自个去找字体好了，不再赘述。最主要的疑问是在于 有用性 的方面。
有用性疑问，即不需求太过于华丽的字体，只需求咱们看的都舒畅、略微带点自个的特征即可。你会说，很简单啊，直接 CSS 界说一条，填上个字体就好了。假如然这么，那就太好了。阅读器解析字体的过程实际上是这么的，当阅读器加载 CSS 后，解析到有关字体的款式，它会在你的体系中查找这个字体，只要找到了相应的字体文件，才会根据那个字体文件对页面中的文字进行烘托，显现出你想要的作用。
已然这么，假如你的操作体系中，并没有装置页面中界说的那种字体，就无法烘托出那种字体的作用，而一般运用当时体系的默许字体来烘托。那么你原有的规划，就不行了，你规划时觉得挺好，字体、方位、巨细适宜，但在他人的电脑上，清一色的宋体。所以这个疑问，才是挑选字体的难处地点。当然，有疑问就有处理方式：
运用经典通用字体
不一样操作体系都有不一样的字体体系，但已然是字体，总有一些对比经典老牌的字体一起存在于各个体系中。例如无衬线的 Arial 字体，它发生的时间对比早，一起价格低廉，所以从早期就被 windows 操作体系运用，在其他的操作体系中，也会有较好的不一样于默许字体的显现作用。所以 我爱水煮鱼、潜行者m博客 这些网站，直接在 CSS 中声明运用一个字体：Arial。