网站建设过程中网页字体的使用规范

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

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

　　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专注企业数字化转型的智能建站与营销系统，提供从官网搭建、品牌推广到运营增长的一站式服务，助力中小企业低门槛拥有专业级互联网阵地。

网站建设 移动相关开发 营销推广与优化 域名主机邮箱 产品与技术 企业服务

了解全部业务

扫码咨询 · 关注微信