网页字体该如何设置?

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

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
标签: Web开发
在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪! 在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。 字体大小 CSS2规范根据长度——水平和垂直尺寸——来定义字体。这个长度为一个数值...
标签: Web开发
网页(WEB)字体,CSS如何控制? 在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪! 在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。 字体大小 CSS2规范根据长度...
标签: 手机软件
1.首先从iPhone6主界面找到“设置”并进入,如下图所示: 2.进入iPhone6设置后,我们再选择“通用”设置,如下图所示: 3.接下来,我们会看到一个选项叫“文字大小”,点击进去,如下图所示: 4.最后,通过拖动下方的滑块就能设置你想要的字体大小了。在下面可以预览字体的大小,满足不同...
标签: Web开发
我们在网页制作过程中肯定会想一个问题,那就是网页自己设置的问题,到底该设置什么字体?网页字体多大合适?下面就给出网页自己设置的一些相关注意事项。  ・最好是使用大多数人的机器上可能有的常见的truetype字体。 Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。...
WPS Office文档如何设置字体?   当你在使用WPS Office写文档文字的时候,你不设置字体的大小系统会默认为很小的字体,记录了太多文字就觉得字体太小而看的模模糊糊不清楚,要想更换字体大小。今天小编就教大家WPS Office文档如何更换字体。 1)首先打开WPS Office软件,选择你要更换字体的文档点击进入,在右上方点击。 ...

经验教程

885

收藏

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