网页设计中黑体和宋体的使用

网页设计中基本用的是宋体+黑体，最多了加粗和字体大小有变化。网页中字体中绝大部分都是宋体，所以，掌握一些黑体和宋体知识是有必要的。

网页设计之黑体
黑体是我们平时很常见的一种字体，因为黑体字笔画基本上是一直的，而且在点，撇，捺，挑，勾上都是而方头的，所以被称为黑体也叫方体。当然黑体因其粗细的不同形成了许多不同的种类。

黑体是一种装饰字体，而不是书法。黑体字在字架上吸收了宋体字结构严谨的优点，在笔画的形状上把横画加粗且把宋体字的耸肩角削平为等线状，形成横竖笔画粗细一致，变宋体字的尖头细尾和头尾粗细不一的笔画为方形笔画，因而独具一格，给人一种粗实有力、严肃庄严、朴素大方的感觉。

黑体字的特点
主要笔画粗壮，带有纤细笔触，字形紧聚，不用弧线。这种字体在德国和奥地利一直使用到第二次世界大战之后。黑体打印经常用的字体之一，一般用于印刷、书面报告等比较正式的场合，多用于标题或标识重点。

网页设计之宋体
宋体是我们平时生活中运用的最多的一种字体，因为其形是正文的，横细竖粗，笔画与笔画之的连接是有顿角的。所以，只要在保持这一点的基础上，宋体又衍生出了许多不同的形式。

宋体是与印刷术同龄的出版字体，适用于包括电视字幕在内的任何媒体。当你不知道选择哪种字体的时候，就选择宋体。西方拼音文字印刷体都沿用了中文宋体的韵味并公认为是国际化字体。这种最普通、最平淡的字体其实是最美、最永恒的字体。宋体细分当中书宋和报宋尤为常用，跟拉丁字母的印刷体风格完全一致；大标宋古风犹存，给人古色古香的视觉效果。

注意点
由于视觉上的误差，一样粗细的横竖线，我们会认为横线会粗一些，所以，我们为了追求视觉上的平衡的话，在网站设计的时候，可以将字体设计的横竖线做适当的比例调整。

转载于:https://blog.51cto.com/yisoudesign/1209917

网页设计中黑体和宋体的使用相关推荐

网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...
RP网页设计中的默认字体：{font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;}
网页设计中的默认字体为font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; 理由如下: font-size采用px, 不采用em. 理由是em带来的 ...
font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;网页设计中的默认字体
网页设计中的默认字体为font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; 理由如下: font-size采用px, 不采用em. 理由是em带来的 ...
html艺术字在线制作,HTML网页设计中的字体设计
HTML网页设计中的字体设计字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
html网页设计同字,HTML网页设计中的字体设计
HTML网页设计中的字体设计字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
缩略图在网页设计中应用的35个优秀案例
这篇文章向大家推荐35个缩略图在网页设计中应用的优秀案例,希望下面这些网页设计实例能够帮助大家制作出更加优秀的网页作品. Shropshire Screen Arnaud Beelen Two Fis ...
怎么在html中设置按键,网页设计中如何设计按钮
网页设计中如何设计按钮在网页设计中,按钮设计是常被忽略却又相当重要的一个角色.在网页设计中,按钮与链接的功能类似,都是经过点击后到达另一页面或实现某种目的,不过二者还是有实际上的区别的. 按钮代表着 ...
10个美丽的例子，插图在网页设计中的应用
网页设计趋势很多都是过眼云烟,但插画始终保持着一定的地位,是给你的网站创造出独特的外观和风格的好方法.今天,这篇文章中收集了10个美丽的例子,插图在网页设计中的应用.从小型和微妙的细节插画到全屏的插画 ...
固定导航在网页设计中应用的22个优秀案例
导航是网站最重要的组成部分之一,有吸引力的导航能够吸引用户浏览网站中的更多内容.今天这篇文章收集了25个固定导航在网页设计中的应用案例,有的导航固定在网页头部,有的则固定在网页侧栏,都设计得非常好,希 ...

网页设计中黑体和宋体的使用

网页设计中黑体和宋体的使用相关推荐

最新文章

热门文章