网页设计中的字体相关性
网页设计中常用字号最好使用偶数字号。
1，页眉导航文本12或14；
2.菜单导航文本编号14—18;
3.SidebarNo。12或否。14,
4 .编号14用于一级菜单，编号12为二级菜单。
或者一级菜单用12，二级菜单用12。
5.福特诺。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个字符。
向高处走
网页设计中，文字间距根据字体大小一般为1-1.5倍为行距，1.5-2倍为段落间距。
比如字体12，行距为12px-18px，段落间距为18px-24px。
此外，段落之间的行高/间距=0.754。行距正好是段落间距的75%是很常见的。
3.线条对齐
一般来说，建议页面上只使用一种文字对齐方式，尽量避免两端对齐。
4.将文本留空
文字排版时，需要在版面中留出自由空间，空白空间由小到大的顺序应该是:字距、行距、段落距。另外，在对内容区域进行排版之前，需要根据页面的实际情况，在页面周围留出空白。
5.废话原则(鲤鱼)
对比、重复、对齐和亲密。
字体选择
字体:中文:宋体、微软雅黑、方正系列(无状态)
字体大小:网页中的文字/导航字体大小在12px-18px之间。
英语可以小10px-16px。
再小，辨识度也不是特别好。
常规、经典和通用
钟毅歌体
Win最常见的字体，小字体点阵，大字体TrueType，但是大字体不好看，最好不要做标题。
微软雅黑
微软雅黑字体大段略粗。如果长时间在网上浏览，会让人眼睛不舒服。相比较而言，serif字体装饰性强，容易阅读，所以宋体更适合知乎这种大型文字网站。
微软雅黑的感觉包括平和、干净、简单、沉稳、专业。
中国细黑
Mac下默认中文。
英语
Helvetica:
被评为设计师最喜欢的字体，写实风格，简洁现代的线条，备受追捧。被认为是Mac下最好的网页字体，但在Windows下由于提示的原因显示很差。
Arial:
Helvetica的《克隆》和Helvetica很像，R、g等细节上略有差异，如果字体太小，字数太多，看起来会有点累。Win和Mac显示正常。
Lucida家族:
Lucida Grande是Mac OS UI的标准字体，属于人文主义风格，有点活泼。Mac下的显示比Win下好。
Verdana:
专为屏幕显示设计的字体，人文主义风格，小字号依然可以清晰显示，但是字体细节严重缺失，最好不要做标题。
Tahoma:
同样是人文主义风格，字体有点像Verdana，只是略窄，柜台略小。曾经是Windows的标准字体，Mac 10.5之后也是默认安装的。
Verdana:
它是一组无衬线字体。由于其在小字中仍具有结构清晰、易于阅读识别等优质性能，在1996推出后迅速成为众多领域喜爱的标准字体之一。
格鲁吉亚:
格鲁吉亚是基本上适合文本屏幕显示的衬线字体。笔画重，衬线亮，轮廓大，小字体显示清晰，细节还可以。
一些偏美术的网站，大字会用龙虾。搜索免费字体或字体赠品，为一个更艺术的网站。
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大时效果更好，非常适合作为文字的标题。
网页的横幅字体
web banner的字体选择方法是根据banner的主题来选择字体，因为字体本身就有个性。
第一类，稳定(协调、完整、稳定、优质)
微软雅黑、冬青加粗、宋风格、中国精品黑、方正黑、方正兰亭系列。
第二种，死板，犀利，清晰，强势。
造字工坊黑体，造字工坊版黑体，造字工坊黑体，锐字力锐线体，张海山锐线体，康华李金黑，梦娜超硬黑体。
(比较适合气氛、热情、权威、陈述等主题。)
第三类，轻松的，手写的，可爱的，童真的，善良的。
方正京黑、康华海报、汉仪小麦、方正智一、新地下午茶、汉仪边提、新地小丸子。
(适用于游戏和娱乐海报、h5广告页和儿童/女性主题)
第四类，灵动，清新，秀丽典雅，精致，古韵。
方正清科版宋岳简本、方正宋杰克秀楷、方正宋杰克体、秀楷、汉仪全唐诗、简康熙字典体、湘南行书法体、造字坊、宋刻本体。
(适合复古、优雅、传统、品质、灵动等主题)