在网站建设中，字体的处理其实和图形、版式、色彩的处理相同。字体的编列合理、美丽，能够给人以赏心悦目的感觉，为网站做到画龙点睛的作用。字体编列合理，也会吸引读者在网站阅览更多的内容。

　　1.文字图形化

　　文字图形化便是将文字用图片的方式来体现，这种方式在页面的子栏目里边最为常用，由于它具有杰出，一起又美化了页面，使页面愈加人性化加强了视觉效果，这是文字无法到达的。对于通用性的网站坏处便是扩展性不强。

　　2.强调文字

假如将个别文字作为页面的诉求重点，则能够经过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改动字体色彩等手法有意识地强化文字的视觉效果，使其在页面全体中显得出众而耀眼。这些方法实际上都是运用了对比的法则。假如在更新频率低的情况下也能够运用文字图形化。

　　3.合理设置行文本的长度

　　咱们顺手拿起一本书或许一份报纸，数一数每行的文字，一般情况下都不会超过40个汉字。据国外研究所调查表明：当行文本太短时，用户眼睛回转的频率增大了，阅览节奏简单被打破。而当行文本太长时，又简单引起用户阅览疲惫(专心力下降)，从而导致其丧失阅览欲望。

因此，假如想要给用户一个良好的阅览体会，网页中的行文本长度最好控制在60个字符(约30个汉字)左右，这能够提高文本的可读性。另外，假如是移动设备的话，行文本长度则以30-40个字符为最佳。

　　4.合理的文字距离

　　经过设置距离，咱们就能够控制文字的密度。假如每行距离太小，与文字过长相同，读者阅览文章时也简单串行;假如行距过宽，阅览时就会感觉文章不够连接。

　　距离没有固定的值，通常是依据字体巨细来界说的。在word里咱们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表明，不管是中文网站仍是英文网站，咱们多喜欢用1.5em-1.8em的行距。以1.6em的行距为例，字号16px的字，行距便是25.6px。

　　1.5-1.8em的行距的确是非常适于阅览的文字密度。

　　关于段距，咱们要考虑一下详细实际情况。比方文章篇幅较短，就不需要很宽的段距;假如文章篇幅很长，特别是那些偏学术的比较单调的文章，就要多运用段距把握文章的节奏，给阅览者喘息和思考的时机，且使文章更有层次和可读性。

　　5.运用标准字体

　　字体分为衬线体(serif)与非衬线体(sans serif)。简单的说，衬线体(serif)便是带有衬线的字体，笔画粗细不同并带有额外的装饰，开端和结束有显着的笔触。常用的英文衬线体有Times New Roman和Georgia，中文便是咱们在windows下最常见的中易宋体。

　　与衬线体相反，无衬线装饰，笔画粗细无显着查差异的字体便是非衬线体(sans serif)。Arial、Helvetica、Verdanad都是咱们了解的英文非衬线体，中文有微软雅黑和mac下默许的中文-华文细黑。

　　在过去，遍及认为有笔触装饰的衬线体，可提高辨识度和阅览功率，更适合做为阅览的字体。多用于报纸、书本等印刷品的正文。非衬线体丰满醒目，常用做标题或许用于较短的阶段。

另外，由于阅览器的“限制”，不是所有的字体都能与所有阅览器“兼容”，即有些能在Google Chrome中显示的字体，也许到了火狐上就会显示出错，这样简单影响到用户的阅览体会。最保守的做法便是选用系统默许字体：比方Arial、Calibri、Trebuchet等。

　　6.运用一种字体

正常情况下，页面中选用一种字体就好了，由于当一个页面中运用的字体超过3种时，会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉。假如需要选用两种字体的话，但也应该尽量把字体间的差异性降到最低，在视觉体会上尽量调和。

　　7.字体巨细的挑选

　　网站建设中字体巨细的挑选是用户体会中的一个重要部分，过大过小都会影响用户体会。在制造网页的时候，咱们能够依据文字在网页中的不同位置和不同等级来别离运用不同巨细的字体。相对来说，内容标题能够运用较大的字体，而内容小标题能够选用次一号的字体，而内容正文则能够选用正常巨细的字体。

　　对于不同的分辨率，不同的显示器尺寸，不同的DPI，甚至不同的阅览器设置，都会对终究在阅览器上展现出来的文字巨细带来影响。最好的方式仍是在网页制造时依据用户的分辨率给用户一个比较美观的默许字体巨细。大多数专业的网站建设人员，都会习惯性的运用某一字体巨细，比方14px或12px，由于12px和14px根本已经成了大多数网站字体的标准巨细，而11px、13px、15px等巨细则涉及到一个锯齿的问题，特别是在前期的显示器中，往往不能很好的处理文字的锯齿问题，运用单数的像素，极有或许形成锯齿，所以通常选用偶数的巨细。 

如没特殊注明，文章均为梦魅网络原创,转载请注明来自http://www.monmei.com/news/show/544 。部分图片及文字来源于网络，若有侵权，请告知删除！

• 上一篇：如何申请第三方微信登录
• 下一篇：什么是响应式网站和布局？