如何保证网页设计的规范性?

　　网页设计规范：字体选择

　　在选择字体上，AnyForWeb建议设计师们尽量选择系统默认的或通用字体，保证浏览器能够正确识别并显示出正常的文字。

　　我们以宋体和微软雅黑为例：

　　1、宋体

　　宋体是最常见的中文字体，在没有指定字体的情况下，浏览器往往选择它来渲染。但很多人认为这种字体并不美观。

　　NoNoNo，并不是这样!举个例子，在下面AnyForWeb网站的案例中，右侧对客户案例的描述文字正文内容就是采用的宋体12px，配上18px的微软雅黑标题，层次清晰，让人一目了然，同时展现的美观度丝毫不弱。

　　2、微软雅黑

　　微软雅黑可以作为网站首选字体，它的美观度和清晰度都较好。

　　在优度旅游网站中，网站首页采用了Metro风格，整站使用微软雅黑字体，在不同板块灵活应用了不同的字号，文字层次很清晰。下图中文字与卡片式设计风格融合在一起，让整个网站显得干净大方，富有亲和力。

　　这里有个小提示：微软雅黑字体可以用font-family写在页面，但在网站图片里面嵌入微软雅黑的字体会构成侵权，这一点是设计师们需要注意的。

　　我们再来说说宋体和微软雅黑的一些区别。

　　宋体是衬线字体，微软雅黑是无衬线字体，宋体在视觉上更纤细。和宋体相比，微软雅黑的字形不是正方形的，而是稍微的扁宽，字间距很小，这样会使默认的行间距更明晰，同时微软雅黑的字心显得更饱满。所以在同样的字号下，雅黑的单字面积显得更大，更容易识别。

　　标题字体使用微软雅黑更适合，正文内容可以根据设计风格和需求灵活选择。不过在手机端查看时，我们很明显感觉到微软雅黑字体更赏心悦目。

　　除宋体和微软雅黑字体之外，设计师们还可以根据实际需要选择其他经典通用字体，比如Windows自带的中文字体黑体、仿宋、楷体等，以及英文字体Arial、Vardana等等。

　　网页设计规范：字号选择

　　CSS里面常用描述字体大小的单位主要是em和px。其中em在跨平台设备字体处理上很有优势，在常规网页设计中，我们通常更多采用px作为单位.

　　这里以px为例，网页设计中一般使用14px 作为标准字体，16px 作为中等字体，18px 作为较大字体，12px 作为偏小字体。当然，我们这里说的只是一种比较通用的标准，实际上如何选择字号需要设计师根据网页整体设计布局来确定。

　　在页面自适应的设备上，比如手机屏幕分辨率比PC端的低，这些因素也是设计师需要考虑的。

　　网页设计规范：文字设计的规范性

　　大家应该记得一点：虽然我们看到很多网站页面的分享，但这些页面都是属于不同网站的，而用户关注的是一个网站的整体。所以对于设计师来说，他们在设计网页时应该考虑所有页面规范和一致性。

　　初级设计师比较容易犯一些细节错误，比如同一层级下的不同页面出现字体不一样，字号不统一，字间距不一致的情况等等。

　　如果想成为一个专业设计师，这些问题都是需要通过规范设计来避免的。