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

2023-03-19 分类：网站建设

字体：文字的外在形式特征。就是文字的风格，是文字的外衣。字体的艺术性体现在其好的外在形式与丰富的内涵之中。字体是文化的载体，是社会的缩影。（摘自百度百科)
优秀的网页设计不应该只是一场视觉盛宴，最终的结果是多方因素的好结合。其中，字体的运用尤其显得重要，今天小瓶盖就来总结一下字体在网页设计中的规范。
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

分享题目：网站建设过程中网页字体的使用规范
当前URL：https://www.cdcxhl.com/news/245781.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容