一个非创意性质的网页，最主要的内容，就是文字。呈现了文字，就会呈现文字排版、字体选择、字体颜色巨细粗细等细节。而这些细节，往往长短常主要的细节。

好的字体排版，可以让人耐心的看完那些文字，然后获得其中的主要信息，还可以影响到浏览者阅读的神色。同时，字体的选择、巨细等，还应该配合企业的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。

注：相关网站培植技巧阅读请移步到建站教程频道。