读书笔记：CSS禅意花园-文字排印

       文字是内容的核心，所以对于文字的排印是至关重要的，这一篇主要介绍文字排印对于网页中文字的处理技术。

     先讲一下文字排印的一些基础，这里包括字体格式：磅重、姿态、宽度，字体对比度（一般用一种字体作为标题，另一种作为正文），字体色深（儿童类网站可以多一些，其他风格的不宜）。

     在选择字体时一定要在最后加上备用字体这一项，因为不同的系统有不同的支持（通用的是Serif，cuisive用于手写字体，fantasy用于装饰字体）；在色相和对比度的选择上（在排印上色相不是单指色彩的色相，而是文字所处环境下整体的基调） ， 惯用的是白底黑字，很多设计师都下意识的的选择纯蓝来增加对比度，但是用不显眼的褐色的字体却可以起到清晰、柔和的效果，不同字号、粗细、颜色的字体都可以起到增强对比度的效果。

      对于字体大小，浏览器默认是16px，但是对于很多用户来说是偏大的，而且用户可以在视图里调节所以应该合理的设置字体，这里提供几种合理的方法： 1、使用em单位；2、使用关键字；3、切换样式表；

      文字的视觉效果，有两种方法：1、使用符号文字；2、使用引力线，用来引导用户的视线；

      保证用户正确理解文字表达传递的信息，避免产生理解上问题的方法：

标题文字：

1、标题的颜色必须是整个设计中较为强势的颜色；

2、标题的颜色必须鲜明；（研究表明亮色的影响不如暗色，所以越是接近黑色的标题越是可以给用户带来视觉冲击力）

3、字体对比可以增强标题效果；

4、相对正常的70%~90%的紧缩效果可以凸显标题；

5、控制标题的长度，过长会让用户难以理解；

而且标题的符号不应该出现句号。

正文文字：

1、 应该避免每行的字符过少， 保持一行60个字符以内；（这个是设计师应该牢牢记住的规则）

2、 段落不应该太长，如果是长篇文字就分为节，然后用标题隔开，但是段落之间不要隔离太远，容易打断用户；

3、正文应该避免使用鲜艳的色彩，唯一的色彩变化应该用在正文的链接上；

重要文字，一般来说重要文字是指侧栏、引用或说明部分的文字：

1、文字必须色彩鲜明，但是重要文字的色彩一定要统一；

2、应该要短行，不应该阻断正文；

3、为插图附有相关说明；（可用title属性）

重要文字应该和插图一样绝对不能扰乱用户的视觉流向。

      字体格式化选项分为文本样式和字间样式：

文本样式有CSS属性的font-variant，用于字体变形；text-transform用于字符大小变换；text-decoration用于装饰字体，这个要记住一点下划线也就是underline只在链接中用，下划线代表链接已经成为了共识。

字间样式有CSS属性的line-height用于控制两行文字间距， 段落排版text-align、字体排版word-spacing、字符排版letter-space，letter-space属性最好只在小段文字或者标题里使用 ；

      虽然在设计中一个思路是追求极限，但是就实用来讲要追求平衡。