网页设计怎么设置字体.docx

网页设计怎么设置字体

字体涉及各行各业，在制定领域的应用范围很广泛，除了我们常见的〔平面制定〕外，网页制定对字体的要求也是有一定的规范可言的，其主要的元素主要有三点。下面一品威客网就对网页字体制定的元素做主要介绍。
1、字体的大小设置
网页中字体大小不要乱设置，最好以系统默认为宜，一般是12PT，现在网络上最流行的小中文字体大小为9pt。
CSS2规范依据长度、水平和垂直尺寸来定义字体。这个长度为一个数值，前面可能带一个可选的加()或减(-)标记符。另外，该数值后可能有一个可选的单位标识符。另外，CSS2规范定义了两个单位类型：绝对单位和相对单位。绝对值指定单位，而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符：
em：元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时，会出现异常，这时它指母元素的字体大小。
ex(x-高度：CSS2规范将它描述为小写字母x的高度。
px(像素)：它与背景或屏幕的分辨率有关。依据显示器分辨率输出不同像素，由于用户的喜好不同，显示器的分辨率可能会有很大差异。
2、字体的使用
网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体，防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称，默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体，网页将以这两种标准字体显示。同时，这两种字体制定也可以在任何操作系统和浏览器里正确显示。
windows另外自带了40多种英文字体和5种中文字体。这些字体，你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体，但在其它操作系统里，如unix则不能完全正确显示。网页字体的样式一共有四种：正常体(regular)、斜体(Italic)、粗体(Bold)、粗斜体(Bold Italic)。
3、特别字体或艺术字体的设置
如果你必须要用一种特别的字体来体现你的风格，那么特别字体或艺术字体最好以图片的方式置入网页。必须要用这种字体的地方用图片代替，以确保所有人看到的页面是同一效果。
在网页里，字体的定义语句是：显示文字其中Arial就是一种字体的名称。
如果必须要用一种特别的字体来体现风格，那么如何让大家可以真正看到制定页面呢?解决的办法是使用图片。将必须要用这种字体的地方用图片代替，以确保所有人看到的页面是同一效果。
2网页制定中使用字体的注意事项

虽然网站建设技术越来越成熟了，但要想制定制作出一个成功出色的精美网站，还是有跟多必须要注意的问题，比如常见的网页字体的排版、字体选择、字体颜色、字体大小、字体粗细等细节问题，而这些细节，往往是非常重要的细节。

好的字体排版，可以让人耐心的看完那些文字，然后得到其中的重要信息，还可以影响到浏览者阅读的心情。同时，字体的选择、大小等，还应该配合企业的VI识别系统，还必须要配合你作品必须要表达的思想感情来确定(例如古典风格，应该选择哥特式字体等)。
在网页制定中最常用的字体是宋体和黑体，最多了加粗和字体大小有变化。网页中字体中绝大部分都是宋体。
通常来说，文章都是白底黑字，黑色的。所以网页中的文字，通常使用黑色，或者浅灰色，这样更加符合大众的口味。如果不是一些很有创意的制定，请不要随便的使用颜色。
选择网页中字体大小的时候，还必须要合计你的用户的实际使用习惯。同一个网页，在笔记本上和在手机上使用的时候，字体大小就不应该相同，因为〔电脑〕屏幕大分辨率高，而且视距通常比较近而且固定，手机等屏幕小分辨率较低，视距更近(大家都喜爱躺着或者趴着玩手机啦)，所以这些都要合计，才干得到一个合理的大小。
3网页字体效果怎么做

网页字体的样式选择
在英文站方面，国外的很多东西不是免费的，当然也包括英文字体，所以你的网站字体不要选择那些太有个性的字体，因为你的访客可能电脑上根本就没有下载这个字体，从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial, Times New Roman, and Verdana。
中文站方面呢，一般的大众绝对没有自己去下字体安装的爱好，一般的字体全是XP或其他系统自带的，选择宋体肯定是不会错的。其他楷体等等可以自己斟酌选择。注意，那个美丽的微软雅黑字体也不是每个人都装了的。
字体样式选择建议：字体一定要选择大众化字体，种类选择上尽量不要超过三种。
网页字体的大小选择
在互联网普及之初，英文网页占的比例比较大。由于英文字母相对汉字来说超简单，都没有笔画是否复杂一说，英文的小字体总是能显得很简洁、清楚，绝大部分英文网站的主体内容都是选择小号字体，9px, 10px, 11px, 12px,13px大小的字体在英文网页中十分常见，外国人也习惯看小号字体了。
中文网页不能照搬英文网页的制定，主要是因为两种语言的字体表现形式完全不一样，中文网页中字体大小在10px以下看不清，一般要达到12px才有不错的效果。目前来看，12个像素和14个像素大小的宋体在可阅读性和美观上结合的是最好的。比12个像素再小的话，可阅读性和美观性都没有了。比14个像素大的话，可阅读性当然是有的，但是美观性就差了一些。所以基本上所有的中文网站都是以这两个大小的文字来浮现的。
字体大小的选择建议：英文网站字体大小可以选择11px, 13px, 15px等字体大小，中文网站字体大小可以选择12px, 14px, 16px等字体大小。
网页字体的颜色选择
字体的颜色直接会体现在网页的整体风格上，黑色，灰色，白色的搭配给人沉闷，中庸，职业，严正等感觉，如果在适当的地方加入些许红色，则会显得充满刺激的快感，并且总能吸引众人的
目光。字体颜色的选择非常的重要，而且也非常的深奥，可以是一门专门的学科，Micfly的一篇小小文章也仅仅能给各位抛砖引玉而已。你也可以参照其他的一些资料，Micfly做网站的时候常常会参照【终极配色手册】(参照资料原文处下载)。
网页字体的其他特性选择
除了以上说的网页字体的样式，大小，颜色之外，网页中的字体还可以设置其他各种特性：粗体，斜体，下划线，行距，段距，对齐方式等等。其实大家在排版的时候可以直接用word来做实验，看看什么样的感觉最好。
字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的必须要。例如：粗体字强壮有力，有男性特点，合适机械、建筑业等内容;细体字高雅细致，有女性特点，更合适服装、〔化妆〕品、食品等行业的内容。在同一页面 中，字体种类少，版面雅致，有稳定感;字体种类多，则版面活跃，丰富多彩。关键是如何依据页面内容来掌握这个比例关系。
4怎么调大网页上的字

网页上的字有时候很小看不清楚,非常不舒适,不要着急,要想调大很简单,主要有如下方法:
一、右击IE图标,点击"属性',打开后选择Interet选项"常规',点击"辅助功能'勾选"不使用网页中指定的字体样式'和"不使用网页中指定的字体大小'两项,并确定。然后打开浏览器,在IE窗口找到"查看'工作栏,选定"文字大小'试选其中一种,可以调大网页上的字,看那个合适你就使哪个。或者在窗口点击"查看'中的缩放",选择100%就可以了,要想再大,选择较大的比例就行了。
二、打开网页后,按"Ctrl'键不动,上下滚动鼠标中的滚轮就可以自己调节网页中字的大小。
三、任意打开一个网页,然后利用快捷键组合:"ctrl'+"+'可以调大网页字的大小,"ctrl'+"'可调小字的大小。
四、点击浏览器右下角显示比例图标,把比例调大就可以调大网页中字的。
五、如果是360浏览器选,打开360浏览器后,选择上面的工具、360安全浏览器选项、左面选网页设置、右面选勾选网页缩放,在旁边更改缩放数字后自动储存(比如100%)。关闭设置返回网页右下选择你设置的缩放数字后,关闭浏览器在打开就是你设置的缩放比例了(比如100%两个设置要一致,不一致就是临时设置了。
不管是什么浏览器,要想调整网页中的字的大小,方法都差不多,只是大同小异而已,只要你学会了上面的操作方法,基本上就能解决全有浏览器网页文字大小的问题。

第 7 页 共 7 页