天津诚筑说培训
天津诚筑说一改传统教学的枯燥乏味,以实战商业项目带动学习,循序渐进、生动、形象更容易掌握;讲师均有多年以上的创意设计制作及丰富实战授课经验,热心于设计教育领域!

网页设计用什么字体

1

网页 设计 用什么字体


如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量出色精美的网页。大量网络信息的呈现,无非就是通过文本、图像、Flash动画等,其中,文本是网页中最为重要的设计元素。以下是诚筑说小编为你编写的网页设计用什么字体
网页设计用什么字体

2

文本字数控制

我们随手拿起一本书或者一份报纸,数一数每行的文字,一般情况下都不会超过40个汉字。这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。文本宽度控制在450-700px为宜,此范围内参照字号大小;英文每行80-100个字母(空格算一个字母)为宜;中文每行30-40个汉字为宜。

我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。因此我们可以让内容区的每一行承载合适的字数,来提高易读性。传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

3

CSS方式

选定字体后,需要提交文章内容,网站会根据文章内容截取成小字库,自动生成各种格式的字体(.eot、.woff、.svg、.ttf),并返回一个css文件引用的Link标签,只需要将此Link标签引入页面的head标签中即可,最后别忘了在引用网络字体的标签上设置class。

选定字体后,网站会提供给你一段javascript脚本,不需要提交文章,直接将脚本引入之后之前,就可以了,脚本会自动根据当前文章内容生成各种格式的字体文件,并嵌入到当前页面。

4

间距设置

间距通过设置间距,我们就可以控制文字的密度。如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。间距没有固定的值,通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例,字号16px的字,行距就是25.6px。关于段距,我们要考虑一下具体实际情况。比如文章篇幅较短,就不需要很宽的段距;二文章篇幅很长,特别是那些偏学术的比较枯燥的文章,就要多利用段距把握文章的节奏,给阅读者喘息和思考的机会,且使文章更有层次和可读性。

以上是天津诚筑说培训整理的网页设计用什么字体全部内容,更多精选文章请访问网页设计学习网专栏。