网站建设会涉及到不少的制作，本文主要给大伙介绍最基础的字体排版，在开始动手网站设计之前，第一要知道网站制作的规范与规范，如此才能保证设计图符合网站制作的需要。
网站制作的基本规范
网站制作规范是适用于Web端的人机交互界面的规范，是每一个网页设计人员从业时需要要遵守的行为准则。网站制作规范的最重要目的是优化Web商品、提高客户体验。同时，统一的网站制作规范可以让设计师重复借助相同模块，能够帮助提升设计师的工作效率。除此之外，遵守设计规范也有益于前端工程师、交互设计师等其他职位之间迅速有效地传递信息。上岗前熟读设计规范并牢记要素可以帮助新人迅速适应工作职位，降低出错的可能性。
1、字体的选择
对于大部分中国人来讲，见过最多的字体应该就是黑体和宋体了，这两种字体是设计的基础字体，应用在生活的每个场景中。
▷ 宋体：来自于书法体，特点是横细竖粗，笔画末端带有三角状装饰，字形端庄有力，常运用在文章正文当中。
▷ 黑体：字的特点是横竖均匀，笔画相对宋体较为粗壮，常用作文章标题，突出而显眼。
早在2006年Windows发布Vista系统时，Microsoft雅黑体就已代替宋体，成为了新的系统默认字体。
那样当时为什么要选择Microsoft雅黑体来代替宋体呢?
缘由是宋体是一款衬线字体，遭到Windows平台字体渲染技术的限制，在小字号字体渲染方面表现略差，部分字号在显示时会产生锯齿、模糊等成效。
而Microsoft雅黑这款非衬线字体，笔画前凸后翘、简洁，常用字号的显示成效相比宋体更为出色，同时辨别度更高。因此，从Vista年代起，Microsoft雅黑体就作为Windows的系统默认字体沿用到今天。
在网站制作中，为了保证有较好的显示成效，主要标题的字体推荐使用Microsoft雅黑体，次要标题可使用宋体。
文章的正文可使用宋体，也可用Microsoft雅黑体。
宋体和Microsoft雅黑体网页显示成效对比
除此之外，假如网站制作中遇见需要展示英文字符的状况，建议选择Arial、Verdana和Tahoma这几种系统默认字体。
2、字号用规范
在网站制作中，一般选择用双数字号，字号的大小并没明确规定，但为了确保正常的阅读成效，可以参考以下参数：
▷ 在网站制作中最小的字号一般为12像素;
▷ 正文容易见到字号有12像素、14像素和16像素;
▷ 标题容易见到字号有18像素、20像素、26像素和30像素。
这里应该注意的是，因为显示器分辨率的不断提升，12像素的字号在大分辨率显示器中会看上去较小，对用户阅读导致肯定的困难。因此，在现在的网站制作中极少用12像素的字号，网站常规正文字号常见用的是14像素或16像素。
宋体和Microsoft雅黑字体均可以作为网站制作的常用字体。但在现在的网站制作中大家会发现，网页中基本都以Microsoft雅黑字体为主，而宋体已不多见。具体来讲，Microsoft雅黑体相比宋体而言，少了一些装饰性，同样字号，Microsoft雅黑体在视觉上更显粗壮有力，且辨识度更高，特别是小字号的显示成效，Microsoft雅黑体的视觉感会更为明确与明朗。
网页标题怎么样设计看着会比较舒服?
答案是字体明确疏阔，字号显眼易读即可。
▷ 比如，网易新闻的标题样式一般设置为Microsoft雅黑体字体，36像素的字号。
Microsoft雅黑字体，字号36px
▷ 腾讯新闻的标题样式一般设置为Microsoft雅黑体字体，26像素的字号。
Microsoft雅黑字体，字号26px
3、段落、行间距规范
阅读是用户在网站上获得信息的要紧方法，阅读体验的好坏直接关系到用户对商品的印象，作为信息展示的主体，好看的文字排版和巧妙的留白都能为整个网页增色不少。在网站制作中，文字排版的要素分为两个方面，即段落和行间距。
▷ 段落中“行长”与“对齐方法”的设置
行长：主要指段落文字的宽度。
一般情况下，行越长，行间距越大，不然用户在阅读时比较容易串行。在网页正文中，汉字一般以每行显示30~40个字为宜，英文一般以每行显示40~70个字母为宜。
段落：对齐方法主要有4种，包含左对齐、右对齐、居中对齐和两端对齐。
段落对齐方法
在国内，大段文字的设计，多数设计师会依据中国用户的阅读习惯，将对齐方法设置为左对齐。
▷ 段落中“行间距”的设置
行间距：指段落中行与行之间的距离。
行间距作为段落中的留白，让字与字之间有了可呼吸的空间。过小的行间距会使页面变得拥挤不堪，增加用户错读的可能性。而过大的行间距则会占用很多的页面空间，缺少美感。选择合适的行间距不仅能够提高文字的易读性，也可以大限度地合理的利用页面空间。
行间距的设置
传统中文文档默认行间距一般为1.5倍，在现阶段的网站制作中，汉字一般用1.8~2倍的行间距。
英文段落一般选择1.5倍行间距。
网站制作的标注规范
在设计的平时工作中，设计师与前端开发职员的对接关系总是很紧密，而设计图的规范化标注可以提升前端开发职员的工作效率。
成效图的标注一般包含以下3个部分：
☉ 页面中控件的颜色、尺寸、交互成效(如按钮、表单等)。
☉ 字体颜色、字号。
☉ 页面中每个模块的尺寸和间距。
在成效图标注中，应特别注意以下4个问题：
☉ 保证标注的文字明确易读。
☉ 标注所用的颜色应与背景色区别。
☉ 标注应尽可能在空白地区，不要对原图导致视觉干扰。
☉ 标注信息应条理了解，同一模块的标注应摆设在同一地方，适合留有间隙，便捷开发职员阅读。
在进行网站制作时，网页设计人员需要熟读网站制作的原则和规范，且所有设计需要根据规范来进行。现在遵循的网站制作规范都是经过科学论证和用户调查得出的。伴随科技的不断进步，这类规范可能需要与时俱进，但对于现阶段的网站制作而言，这类符合当下客户体验的规范经验值得设计师学习和借鉴。
目前文章：网站建设中最基础的字体排版常识浏览路径：https://www.cdcxhl.com/news/29975.html
网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站建设等
