网站制作过程中网页字体的使用规范
2021-10-24 分类： 网站制作
字体：文字的外在形式特征。就是文字的风格，是文字的外衣。 字体的艺术性体现在其好的外在形式与丰富的内涵之中。 字体是文化的载体，是社会的缩影。（摘自百度百科)
优秀的网页设计不应该只是一场视觉盛宴，最终的结果是多方因素的好结合。其中，字体的运用尤其显得重要，今天小瓶盖就来总结一下字体在网页设计中的规范。
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
优秀的网页设计不应该只是一场视觉盛宴，最终的结果是多方因素的好结合。其中，字体的运用尤其显得重要，今天小瓶盖就来总结一下字体在网页设计中的规范。
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
当前文章：网站制作过程中网页字体的使用规范
分享URL：https://www.cdcxhl.com/news/132683.html
网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站制作等
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 网站制作浅谈如何策划网站专题 2021-10-24
- 网站制作分析怎么去提高网站转化率 2021-10-24
- 选择网站制作公司要提前告知做一些SEO工作 2021-10-24
- 深圳网站制作设计的基本原则 2021-10-24
- 网站制作改版时应考虑到哪几点 2021-10-23
- 做好网站制作和运营几个重要的点 2021-10-23
- 网站制作之营销型网站 2021-10-24
- 网站制作主题和风格是设计重点 2021-10-24
- 移动端网站制作中需要注意哪些方面 2021-10-24
- 网站制作市场：中国建站市场的“矛盾”现状 2021-10-24
- 网站制作设计怎么提高网站的运行打开速度 2021-10-24
- 网站制作浅谈网站打开慢的原因 2021-10-24
- 深圳网站制作公司浅析你个网站该何去何从 2021-10-24
- 企业网站制作前要知道的几个问题介绍 2021-10-23
- 网站制作中怎样突出页面重点 2021-10-23
- 网站制作中如何对于网页的细节进行处理 2021-10-23
- 如何让网站制作流量翻倍？ 2021-10-23
- 驳“网站制作简单论” 2021-10-23
- 网站制作必须把握好这几个大方向 2021-10-23