网页字体应用
网页字体显示逻辑
不同系统有自己的默认字体，浏览器默认情况下也显示该默认字体。网页也可使用指定的字体，但浏览器需调用用户本地字库中的指定字体才可以显示，否则将显示系统默认字体。
指定字体显示
指定的字体必须在用户本地安装过才能正常显示，无论在Windows还是Mac都有本地的字库存放字体文件
中文字体
由于中文字体字形复杂，空间占比大，通常以M为单位，同时B端项目中对中文字体的个性化要求不高，所以设计时以系统默认字体为准即可。
英文字体
英文字体包的文件通常为几K或几十k，远小于中文字体，所以对于一些特殊的英文、符号、数字，可指定网页读取线上的字体进行显示。
注：使用特殊指定的英文字体时要提前检查字体版权
各系统默认显示文字
字体的基础属性
字号：字体的大小
宇重：字体的粗细
字色：字体的颜色色值
行高：单行文本高度
样式：文本基础样式
对齐：文本对齐方向
字号|网页字号显示基本规范
字重 | 网页通常使用以下字重
行高｜当行文本高度的设置
用来增加多行文本可读性的设置
样式|文本的额外标记
网页中允许设置的几种标记类型
B端设计规范的价值和意义
通过将可复用的元素、样式、逻辑进行统一，实现 “模块化” 应用，以帮助设计团队统一步调，提升设计效率，同时，开发根据设计规范制定样式模块，提升开发效率。
有助于页面统一性
提升设计效率
提升开发效率
高效推进项目进度
B端设计规范的内容
视觉规范即统计形成当前界面的视觉要素，包含以下6大类视觉要素：
01 | 框架规范
页面的基本结构，州格用法，响应式规则等内容
02| 排版规范
间距的等级及内外边距的规则，亲密性和对齐的应用
03|字体规范
对应用的文字属性样式进行整理，包含字体、字号、字重等属性的记录
04| 色彩规范
将项目应用过的颜色进行整理，包含主色、中性色、辅助色
05 | 控件规范
整理按钮、单选、开关、气泡等基础交互元素，并对不同状态迸行解释
06|组件规范
对下拉菜单、日期选择、级联选择等复杂交互元素，并对交互方式、流程进行解释
制作设计规范步骤
设计规范只需要整理项目中需要应用的内容，不需要为了 “完整”加入大量多余内容
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
