网页字体应用
网页字体显示逻辑
不同系统有自己的默认字体，浏览器默认情况下也显示该默认字体。网页也可使用指定的字体，但浏览器需调用用户本地字库中的指定字体才可以显示，否则将显示系统默认字体。
指定字体显示
指定的字体必须在用户本地安装过才能正常显示，无论在Windows还是Mac都有本地的字库存放字体文件
中文字体
由于中文字体字形复杂，空间占比大，通常以M为单位，同时B端项目中对中文字体的个性化要求不高，所以设计时以系统默认字体为准即可。
英文字体
英文字体包的文件通常为几K或几十k，远小于中文字体，所以对于一些特殊的英文、符号、数字，可指定网页读取线上的字体进行显示。
注：使用特殊指定的英文字体时要提前检查字体版权
各系统默认显示文字
字体的基础属性
字号：字体的大小
宇重：字体的粗细
字色：字体的颜色色值
行高：单行文本高度
样式：文本基础样式
对齐：文本对齐方向
字号|网页字号显示基本规范
字重 | 网页通常使用以下字重
行高｜当行文本高度的设置
用来增加多行文本可读性的设置
样式|文本的额外标记
网页中允许设置的几种标记类型
B端设计规范的价值和意义
通过将可复用的元素、样式、逻辑进行统一，实现 “模块化” 应用，以帮助设计团队统一步调，提升设计效率，同时，开发根据设计规范制定样式模块，提升开发效率。
有助于页面统一性
提升设计效率
提升开发效率
高效推进项目进度
B端设计规范的内容
视觉规范即统计形成当前界面的视觉要素，包含以下6大类视觉要素：
01 | 框架规范
页面的基本结构，州格用法，响应式规则等内容
02| 排版规范
间距的等级及内外边距的规则，亲密性和对齐的应用
03|字体规范
对应用的文字属性样式进行整理，包含字体、字号、字重等属性的记录
04| 色彩规范
将项目应用过的颜色进行整理，包含主色、中性色、辅助色
05 | 控件规范
整理按钮、单选、开关、气泡等基础交互元素，并对不同状态迸行解释
06|组件规范
对下拉菜单、日期选择、级联选择等复杂交互元素，并对交互方式、流程进行解释
制作设计规范步骤
设计规范只需要整理项目中需要应用的内容，不需要为了 “完整”加入大量多余内容
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、DIY體驗、720全景展廳及3D虛擬仿真）、移動端應(yīng)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）、微信小程序定制開發(fā)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
