网站制作过程中网页字体的使用规范
信息来源：深圳市易捷网络科技有限公司
信息发布时间：2024/12/22
字体：文字的外在形式特征。就是文字的风格，是文字的外衣。 字体的艺术性体现在其完美的外在形式与丰富的内涵之中。 字体是文化的载体，是社会的缩影。（摘自百度百科)
优秀的网页设计不应该只是一场视觉盛宴，最终的结果是多方因素的完美结合。其中，字体的运用尤其显得重要，今天小瓶盖就来总结一下字体在网页设计中的规范。
1. 字体在网页中的运用
中文
字体：微软雅黑，宋体
字号：14px、18px、20px、26px、30px（双数，单数的字号会产生锯齿，网页编辑也只支持双数字号）
标题：微软雅黑，14px，字体样式平滑（编辑成网页格式默认为锐利）
内文：宋体，12px，字体样式无
常用的字体：微软雅黑，方正中黑，方正兰亭系列，汉仪菱心简，造字工房力黑，造字工房劲黑，还有最新出的站酷高端黑
英文
字体：Arail，Verdana ，Helvertica
字号：
标题：12px+，字体样式锐利
内文：10px，字体样式锐利
个人比较常用的字体：Arail，Verdana ，Helvertica，Book Antiqua ，Century Gothic ，Impact（有时也会用过中文字体，有独特的字形美，比如方正兰亭细黑的英文，高端纤细，可以用在女性化妆品网站）
2. 字体在移动端的运用
IOS：
中文
字体：黑体-简（Heiti SC）
ps：请注意不是华文黑体或者冬青黑体，也不是苹果丽黑和方正兰亭。（差异微小，表现在排列和笔画上）
常州华文公司的黑体-简，设计时请设置细体，浑厚，这样比较接近IOS实际效果
字号：32px以上（指示性文字20px，内文24px以上）
导航主标题：40-42px
正文：32px（根据网站类型选择加粗与否）
副文：26px
内文：20px
按钮：36px
英文：Helvetica neue LT, 是一种广泛使用的西文无衬线字体，是瑞士图形设计师马克斯．米耶丁格（Max Miedinger）于1957年设计的。无中文名称, Linotype公司在1983年发布Neue Helvetica字体。增加了更多不同的粗细与宽度的选择, 被作为iOS7的默认西文字体。
Android：
字体：Droid Sans Fallback
3. 字体在网页中的颜色
个人喜欢分为三个层级：
标题：#333
内文：#666
标识性文字：#999
背景颜色，分割线，边框等等常用到#f7f7f7，#eee， #e8e8e8，#ddd