字体是网页设计中最重要的细节.pdf

字体是网页设计中最重要的细节 一个非创意性质的网页 ，最重要的内容 ，就是文字。出现了文字 ，就会出现文字 版、字体选择、 字体颜色大小粗细等细节。而这些细节 ，往往是非常重要的细节。 好的字体 版 ，可以让人耐心的看完那些文字 ，然后得到其中的重要信息 ，还可以影响到浏览者阅 读的心情。同时 ，字体的选择、大小等 ，还应该配合企业的V I识别系统 ，还需要配合你作品需要表 达的思想感情来确定 （例如古典风格 ，应该选择哥特式字体等 ）。 好了 ，关于字体的重要性 ，我就说这么多 ，再多说也是废话 ，只要大家知道很重要 ，要好好选择调 整就好了。 字体的分类和格式 衬线和无衬线 衬线算是一种辅助性的小细节 ，笼统的谈 ，太过于抽象 ，我们来看两个例子 ： 这两个字体 ，是有衬线字体 ，大家可以看到在边角的位置 ，会多出一些修饰。这样的好处就是 ，可 以清晰的分辨出字母和文字 ，分辨笔划的起始和终止。但是 ，这种字体如果设置字体大小太小的话 、或者你里文字较远 ，则会受到衬线影响 ，分辨不清晰。同时 ，由于中文系统 ，默认的字体为宋体 ，见的太多导致审美疲劳 ，所以衬线字体比较适合打印文字以及正规文档中使用 ，通常不太适合使 用在网页中。 这两个字体 ，就是无衬线字体 ，没有边角的修饰 ，令人看起来很整齐光滑 ，没有毛刺。比较适合用 在网页中 ，让浏览者获取大量的文字信息而不会疲劳。 字体系列 字体之间最大的差异并不在于有无衬线 ，而在于字体与字体之间 ，形体的差异。但是很多字体 （特 别是英文字体 ）之间 ，差异不大 ，有些新字体甚至是对已有字体进行了细微的改造后产生的。 于是 ，就把字体分成了几个大的系列 ，同一个系列中的字体 ，大体相同 ，称作通用字体系列。其中 包括以下五个系列 ： serif ：带衬线字体。T imes New Ro man 是默认的 serif 字体 ，中文字体的话 ，是宋体、仿宋之类的 字体。 sans serif ：无衬线字体。A rial 是默认的 sans-serif 字体 ，中文字体中 ，微软雅黑、黑体等都是这类 字体。 mo nospace ：等宽字体。这个字体里面的每个字母都有相同的宽度。通常用于显示程序代 码等 ，Co urier 是默认的 mo nospace 字体。而对于中文 ，每个汉字都是等宽的。 cursive ：模仿手写字体。手写体 ，比较个性 ，通常用于标题、logo等等。这个字体系列没有默认 字体 ，英文来说 ，通常用 Co mic Sans ，中文的话 ，行书系列、草书系列的字体等 ，都可以算作手 写字体。 f ant asy ：装饰用字体。多数用于标题 ，极具个性 ，字体繁多 ，艺术字体。无法对其的大小、形状下 一个统一的定论 ，所以没有默认字体 ，在网页中 ，也通常很少用到 ，除非你有特殊的用处创意性的 设计。 关于通用字体系列的更多解释、描述和字体举例 ，推荐大家查看在 W3schoo l 上的资料。 字体的格式 格式就是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图片 ： 里面的字 ，是相同大小的 ，同时 放在一条竖线上。为其应用了四种不同的字体后 ，体现出来了不 同的形态和粗细大小。在中文字体中 ，不同的字体 ，在字间距中通常没有很大的变化。而在英文字 体中 ，不同的字体会改变字母的大小 ，导致整体的尺寸布局不同 ，进而导致整个 版混乱。 相同的字体大小 ，在不同的字体下面 ，显示的效果几乎完全不同。这是英文字体选择中 ，比较麻烦 和头疼的问题。 字体的选择 上面的这些理论 ，从某些角度和意义上来说 ，都是废话。如何选择合适的字体 ，才真正切合实际。 那么我们应该如何选择在网页中使用的字体呢 ？ 解决这个问题 ，我们先应该知道为什么要纠结于选择字体这个问题。我个人认为应该存在 实用性 和 创意性 这两个方面的因素。创意性很好理解 ，就是想突破常规 ，配合自己的网页中的设计思想而选 择相应的字体 ，例如表达程序员的思维 ，就对代码使用等宽字体 ，表达恐怖、古典 ，使用哥特式字 体等等。这点自己去找字体好了 ，不再赘述。最主要的问题是在于 实用性 的方面。 实用性问题 ，即不需要太过于华丽的字体 ，只需要大家看的都舒服、稍微带点自己的特色即可。你 会说 ，很容易啊 ，直接 CSS 定义一条 ，填上个字体就好了。如果真这样 ，那就太好了。浏览器解 析字体的过程实际上是这样的 ，当浏览器加载 CSS 后 ，解析到有关字体的样式 ，它会在你的系统 中查找这个字体 ，只有找到了相应的字体文件 ，才会根据那个字体文件对网页中的文字进行渲染 ，