网页设计的字体设计规范

偶数字号是网页设计最好的常用字号。

1.标题导航文本12号或14号；

2.菜单导航文本14-18；

3.第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个字符。

2.行高

在网页的设计中，一般根据字体大小选择1-1.5倍的文字间距和1.5-2倍的段落间距。比如字号12，行距12px—18px，段落间距18px—24px。另外，段落间的行高空白=0.754。行距正好是段落间距的75%是很常见的。

3.线条对齐

一般建议页面上只使用一种文字对齐方式，尽量避免两端对齐。

4.将文本留空

文字排版时，需要在版面中留出空边距空。留白从小到大的顺序应该是:字间距、行距、段落间距。另外，在对内容区域进行排版之前，需要根据页面的实际情况，在页面周围留出空白。

5.废话原则(鲤鱼)

对比、重复、对齐、接近

字体选择

字体:中文:宋体，微软雅黑，方正系列(无状态)

字体大小:网页中的文字/导航字体大小在12px到18px之间。

英语可以比10px-16px小一点，然后识别度不是特别好。中规中矩，经典又通用。

钟毅歌曲风格

Win中最常见的字体是小字体点阵和大字体TrueType，但是大字体不好看，最好不要做标题。

微软雅黑

大微软优雅黑色字体排列略粗，长时间在网页上浏览会让人眼睛不舒服。相比较而言，serif字体装饰性强，容易阅读，宋体更适合知乎网站等大型文字网站。微软优雅黑给人的感觉包括平和、干净、简单、沉稳、专业。

文华Xi黑

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年推出后迅速成为许多领域最受欢迎的标准字体之一。

格鲁吉亚:

基本上，适合文本屏幕显示的serif字体是Georgia。笔画重，衬线亮，轮廓大，小字体显示清晰，细节还可以。

有些艺术网站用的是大字体的龙虾。搜索更多艺术网站的免费字体或字体赠品。

字体如Buchet、Georgia、Times New Roman、Arial、Lucida等。在26px或者更大的像素有更好的效果，非常适合文字的标题。

网页横幅字体

web banner的字体选择方法是根据banner的主题来选择字体，因为字体本身就有特性。

I型，稳定型(协调、完整、稳定、高质量)

微软典雅黑、冬青加粗、宋风格、中国精品黑、方正中心黑、方正兰亭系列

第二类是刚性的、尖锐的、清晰的、强烈的。

造字工坊力黑体、造字工坊版黑体、造字工坊力黑体、张海山锐线体、华康力金黑、莫娜超硬黑体(比较适合大气、热情、权威、声明等主题)

第三类，轻松的，手写的，可爱的，童真的，善良的。

方正京黑、康华海报、汉仪小麦、方正智艺、新地下午茶、汉仪外体、新地小球(适用于游戏娱乐活动海报、h5广告页、儿童/女性主题)

第四类，灵动，清新，秀丽典雅，精致，古韵。

方正清本宋岳简体版、方正松本修楷版、方正松本修楷版、汉仪全唐诗、建康西典体、湘南行书体、造字工坊、宋刻本(适用于复古、典雅、传统、高质、灵动等主题)

特殊字体或艺术字体的设置。

如果你需要使用特殊字体来体现你的风格，那么特殊字体或者艺术字体最好以图片的形式放在网页中。在需要这种字体的地方，用图片来代替，以确保所有人看到的是同一个页面。

win11怎么加粗字体？

在电脑中将字体的大小调大一些即可实现字体变粗的效果，具体操作请参照以下步骤。

1、在电脑桌面空白处右击鼠标，然后在右键菜单中点击“屏幕分辨率”选项。

2、然后在出现的窗口中点击“放大或缩小文本和其他选项”。

3、然后在出现的界面中选择“中等（M）-125%”选项，点击应用。

4、然后再出现的提示框中点击“立即注销”按钮，重新登录后，文字大小设置即可生效。

5、如果此字体大小满足要求，可以在“设置自定义文本大小（DPI）”选项里自定义文字大小。完成以上设置后，即可把电脑字体调粗点。

文字加粗怎么做？

首先，新建个文件，然后输入字体

方法一，在字体的设置里，可以选择浑厚何平滑，这里都可以加粗文字，但效果不太明显

方法二，仿粗体，点击切换字符和段落面板，然后点击第一个t就是仿粗体字体就加粗

方法三，复制图层的方法就是复制文字，图层每复制一次，字体就会加粗一些，但是一定程度后就没有效果了

记事本怎么单独加粗字体？

方法如下:

1.打开记事本，在上方点击“格式”菜单。

2.在次级菜单上点击“字体”。

3.在打开的字体对话框中点击选中“粗体”。

4.点击右侧的“确定”按钮，返回即可完成设置。

如何将win10页面中的文字笔划加粗,颜色加深？

你好，

你可以这样。

右键打开

然后你会看到下方有个高级显示设置。

点击打开

然后你就会看到

然后你就可以根据自己的喜好制定了。

html怎么设置a标签文本字体加粗？

html设置字体加粗的方法：首先新建一个HTML页面，并添加HTML结构；然后在body区域添加字体；最后在CSS中用font-weight进行加粗设置即可。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑。

首先就是打开Sublime Text编辑器，新建一个HTML页面，并添加HTML结构。

然后在body区域添加字体，注意放在一个p里面

接下来就可以在CSS中用font-weight进行加粗设置了，只需要设置bold就可以了。

运行页面以后就可以看到字体被加粗了。

另外font-weight还可以被设置为从100到900的数值，数字越大越粗。

当font-weight被设置为100的时候，字体是最细的

最后当font-weight被设置为900的时候是最粗的。