⑴ 网页设计字体设计规范
网页设计需要将图片和文字相结合，达到融合的境界，当然文字的设计也是有一定的规范的，下面是关于网页设计字体设计规范，欢迎参考！
网页设计常用字号
最好用偶数字号
1、Header导航文字12号或14号;
2、Menu导航文字14—18号;
3、Sidebar文字12号或14号，
4、一级菜单使用14号、二级菜单使用12号
或一级菜单使用12号加粗、二级菜单使用12号
5、Footer 文字12号或14号
6、正文：大标题文字24—32号;标题文字16或18号;正文文字12号或14号
7、标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数
8、按钮文字：比如登录、注册页面按钮或其他按钮，文字14—16号，可根据实际情况调整大小或加粗。
9、同一层级的字号搭配应该保持一致。比如，同一层级的版块中标题文字和内容文字大小的一致性
在苹果官网中，产品展示文字以64号和32号搭配，文字内容简短有力，可读性强，同时非常具有视觉冲击力，突出显示了品牌特征。
字体排版规范
一、最佳易读性规范
1.行宽
传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。中文在14号字体时，建议35—45个文字
2.行高
网页设计中，文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距
比如12号字体，行间距是12px—18px，段落间距则是18px—24px。
另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。
3.行对齐
通常情况下，建议在页面上只使用一种文本对齐，尽量避免两端对齐
4.文字留白
在排版文字时，在版面需要留出空余空间，留白面积从小到大应该遵循的顺序是：字间距、行间距、段间距。此外，在排版内容区之前，需要根据页面实际情况给页面四周留出余白。
5、CRAP原则(carp)
对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)
字体选择
字体：中文：宋体，微软雅黑，方正系列(无状态)
字号：网页中正文/导航字号在12px-18px之间
英文可以偏小一些 10px-16px
再小识别性就不是特别好了
中规中矩，经典通用
中易宋体
Win最常见的'字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。
微软雅黑
大段的微软雅黑字体排列略显厚重，如果是在网页上长时间浏览，会让人的眼睛产生不适。相比而言，衬线字体装饰性强，具有易读性，所以宋体更适合知乎网站这种大段文字网站
微软雅黑给人的感受包括平和、干净、简单、平静、专业
华文细黑
Mac下的默认中文。
英文
Helvetica:
被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。
Arial:
Helvetica的“克隆”，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常
Lucida Family:
Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。
Verdana:
专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。
Tahoma:
也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。
Verdana：
是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
Georgia:
基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。
网页banner字体
网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的
第一类，稳定型(协调，齐全，稳定，高质)
微软雅黑、冬青黑体、宋体、华文细黑、方正正中黑、方正兰亭系列
第二类，刚硬，锐利，清晰，强烈
造字工坊力黑体、造字工坊版黑体、造字工坊劲黑体、锐字逼格锐线体简、张海山锐线体、华康俪金黑、蒙纳超刚黑体
(更适用大气，热烈，权威，声明等主题)
第三类，轻松，手写，可爱，童趣，亲切
方正经黑、华康海报、汉仪小麦、方正稚艺、新蒂下午茶、汉仪歪歪体、新蒂小丸子
(适用于，游戏娱乐活动海报，h5广告页面，儿童/女性主题)
第四类，灵动，清新，秀雅，精致，古韵
方正清刻本悦宋简体、方正宋刻本秀楷体、方正宋刻本、秀楷体、汉仪全唐诗、简康熙字典体、祥南行书体、造字工房、刻宋
(适用于复古，典雅，传统，品质，灵动等主题)
⑵ 如何调整网页中文字的行距和间距
调整网页中文字的行距和间距的方法和操作步骤如下：
1、首先，打开vscode并创建一个H5标准页面，该页面用于演示html行距和间距的设置方法，如下图所示。
⑶ dreamweaver网页制作时怎么给一段文字设置行距
代码：
1、<span style="font-size:13px; line-height:170%">要修饰的内容键雀伍</span>
13px是修饰字的大小，170%就是行间距.
或者
2、把这代码插入<head>岁昌 </head>：
<style type="text/css">
<!--
body { line-height: 12pt; font-size: 9pt}
稿或td { font-size: 9pt; line-height: 12pt}
-->
</style>
⑷ 网页文字如何调整行距
1、直接给父级标签添加class类，然后给类书写行距样式，这样该便签内的文字都会应用到这个行距
xxxx
.lh{
line-height:18px;
font-size:12px;}
2、或者是直接尘绝给标签添加行内样式style="line-height:20px;"，但是不建议肢链这么做派饥姿，这样会造成结构和表现没有分离。
3、直接给body设定统一的行高，局部需要其他行高的在去设置
body{
font:normal
12px/16px
"micorsoft
yahei";/*12/16px表示字体大小12px，行高16px*/}
⑸ 怎样调整网页的行间距
设置css样式，行距的控制在它的type项中的line；间距的控制在block项的letter spacing。
把这段代码放进你要编辑文本代码模式下的最上方，修改相关的数值自行调整大小。
<STYLE type=text/css>
<!--
body,td,th {
letter-spacing: 2px;
line-height: 18px;
}
-->
</STYLE>
⑹ Web和Ui设计尺寸规范有哪些
WEB端
必备元素：logo、培并做menu（导航）、banner（动效【flash、H5】）、内容区（新闻、企业简介、产品展示...）、版权信息（版权所有、联系方式）
可选元素：搜索、电话、在线客服、流量统计...
用户体验习惯：左：浏览区域、列表区域
右：功能区域、内容区域
字体：最小12px，最黑#333333
字体12px、14px、16px效果选择无，其他字号则用锐利配衡、犀利、浑厚等
标题部分字体：14px~24px（尽可能采用雅黑）
正文部分字体：12px、14px（雅黑或者宋体），字行距一般为1.5~2倍之间。
尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。
UI方面
iOS
iphone字体、字蔽团号标准
字体：中文：苹方；英文：旧金山
字号：正文最小24px；常驻栏icon20px
Andriod字体：中文：思源黑体；英文：roboto
字号：注释最小：24px；文本：28px；文章标题或图标名称：32px；导航标题：36px（在这里为720px*1280px的尺寸下设计规范，注：1sp=2px）
界面尺寸
图标尺寸
以上内容希望可以帮到你！