字体：文字的外在形式特征。就是文字的风格，是文字的外衣。字体的艺术性体现在其完美的外在形式与丰富的内涵之中。字体是文化的载体，是社会的缩影。（摘自百度百科)

　　优秀的网页设计不应该只是一场视觉盛宴，最终的结果是多方因素的完美结合。其中，字体的运用尤其显得重要，今天小瓶盖就来总结一下字体在网页设计中的规范。

　　1.字体在网页中的运用

　　中文

　　字体：微软雅黑，宋体

　　字号：14px、18px、20px、26px、30px（双数，单数的字号会产生锯齿，网页编辑也只支持双数字号）

　　标题：微软雅黑，14px，字体样式平滑（编辑成网页格式默认为锐利）

　　内文：宋体，12px，字体样式无

　　常用的字体：微软雅黑，方正中黑，方正兰亭系列，汉仪菱心简，造字工房力黑，造字工房劲黑，还有最新出的站酷高端黑

　　英文

　　字体：Arail，Verdana，Helvertica

　　字号：

　　标题：12px+，字体样式锐利

　　内文：10px，字体样式锐利

　　个人比较常用的字体：Arail，Verdana，Helvertica，BookAntiqua，CenturyGothic，Impact（有时也会用过中文字体，有独特的字形美，比如方正兰亭细黑的英文，高端纤细，可以用在女性化妆品网站）

　　2.字体在移动端的运用

　　IOS：

　　中文

　　字体：黑体-简（HeitiSC）

　　ps：请注意不是华文黑体或者冬青黑体，也不是苹果丽黑和方正兰亭。（差异微小，表现在排列和笔画上）

　　常州华文公司的黑体-简，设计时请设置细体，浑厚，这样比较接近IOS实际效果

　　字号：32px以上（指示性文字20px，内文24px以上）

　　导航主标题：40-42px

　　正文：32px（根据网站类型选择加粗与否）

　　副文：26px

　　内文：20px

　　按钮：36px

　　英文：HelveticaneueLT，是一种广泛使用的西文无衬线字体，是瑞士图形设计师马克斯．米耶丁格（MaxMiedinger）于1957年设计的。无中文名称，Linotype公司在1983年发布NeueHelvetica字体。增加了更多不同的粗细与宽度的选择，被作为iOS7的默认西文字体。

　　Android：

　　字体：DroidSansFallback

　　3.字体在网页中的颜色

　　个人喜欢分为三个层级：

　　标题：#333

　　内文：#666

　　标识性文字：#999

　　背景颜色，分割线，边框等等常用到#f7f7f7，#eee，#e8e8e8，#ddd

扫描二维码与小二CMS创始人沟通：

小二CMS专注于高端网站定制、系统开发、商城开发、外贸网站建设、公众号开发、小程序开发、网站优化推广、安全运维等技术领域。是高端定制网站领域著名服务商！