网页字体该如何设置?

2016-02-19 23:44 7 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享网页字体该如何设置?的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

我们在网页制作过程中肯定会想一个问题,那就是网页自己设置的问题,到底该设置什么字体?网页字体多大合适?下面就给出网页自己设置的一些相关注意事项。 

・最好是使用大多数人的机器上可能有的常见的truetype字体。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。

如果你使用不常见的字体,不要忘记为没有此字体的浏览器指定替代的字体。

通过css设置font-family来制定字体集,浏览器可以顺序查找使用你制定的一系列字体,让你的页面看起来还不错。

・装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。

・不要过分地使用字体,在同一页面中不要使用太多不同的字体。

通常使用两种字体就足够了:一种用于标题,一种由于文本。

某些字体组合常常无法工作。例如,不要再同一页面中使用script和斜体字体,不要在同一页面中使用一种以上的装饰性字体。

・尝试使用相同字型的不同浓淡度使页面更有趣。

如果你的页面相当乏味,没有图像,那么尝试设置促体的浓淡度(通过css的font-weight特性),这会使页面更生动。使用不用的浓淡度不仅可以使页面更吸引人,它还是组织信息的最有效的方法之一。

・不要在同一页面中放两种sans serif字体,除非你确实知道在做什么。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

如果你要在同一页面中使用两种字体,它们应该来自两种不同的字型类别。

・不同的操作系统及浏览器中pt字会不一样大。

pt(磅)最早是用于印刷的字号,在windows和mac os里面,相同的pt值会对应不同的px(像素)值。唯一可靠的单位,就是px。

・设置字号的时候,要考虑好来你的网站的客人会是什么样的人?

如果你设置了固定的字号,比如12px,那么,对于普通浏览者来说,这是没什么问题的,但是如果你的网站的浏览者包括老人和视力有问题的人群,那么这个尺寸就太小了,最好提供个他们可以选择页面字体的权利。

来源:http://www.tulaoshi.com/n/20160219/1630499.html

延伸阅读
标签: Web开发
在进行 CSS页页布局 时,页面的外观很重要,但也需要考虑字体与文字大小的问题,在webjx.com中也有过相关的介绍。如果发现设计人员十分关注字体及字体大小,我并不感到惊奇。使用CSS来编辑字体有各种各样的方法,每位设计师都会有自己偏爱的设计习惯,但必须选择更能提高用户体验的方法。今天网页教学网将集中讨论字体大小的控制来体现更...
活动类网页,故名思意是专门一些网站线上与线下开展活动的宣传网页,很多时候我们都会参照海报的设计方式来对这类网页进行设计,当然虽然如此不过网页总归与海报是有区别的,有时候我们在设计此类网页时反而无从下手,不知道该注意点什么,本文中的一些经验可能会为你解决设计活动网页的困扰。 在WEB2.0 网页充斥的年代,身边无时无刻都听到这...
标签: 电脑入门
图老师小编的问题咨询QQ邮箱:近期频繁收到网友求助关于网页字体模糊怎么解决,网页字体怎么变大等此类问题,许多网友以为这个是因恶意软件或者病毒导致,用了多款安全软件扫描都未有结果,其实这个并非病毒原因,而是IE在IE6以后推出的新功能(部分如搜狗浏览器也有该功能),而用户还未认知,导致错误操作所致(如下图一所示)。 网页字体模糊...
WPS Office文档如何设置字体?   当你在使用WPS Office写文档文字的时候,你不设置字体的大小系统会默认为很小的字体,记录了太多文字就觉得字体太小而看的模模糊糊不清楚,要想更换字体大小。今天小编就教大家WPS Office文档如何更换字体。 1)首先打开WPS Office软件,选择你要更换字体的文档点击进入,在右上方点击。 ...
标签: Web开发
我们在网页制作过程中肯定会想一个问题,那就是网页自己设置的问题,到底该设置什么字体?网页字体多大合适?下面就给出网页自己设置的一些相关注意事项。  ・最好是使用大多数人的机器上可能有的常见的truetype字体。 Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。...

经验教程

852

收藏

90
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部