网页设计怎么设置字体_第1页
网页设计怎么设置字体_第2页
网页设计怎么设置字体_第3页
网页设计怎么设置字体_第4页
网页设计怎么设置字体_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第页网页设计怎么设置字体字体涉及各行各业,在制定领域的应用范围很广泛,除了我们常见的〔平面制定〕外,网页制定对字体的要求也是有一定的规范可言的,其主要的元素主要有三点。下面一品威客网就对网页字体制定的元素做主要介绍。

1、字体的大小设置

网页中字体大小不要乱设置,最好以系统默认为宜,一般是12PT,现在网络上最流行的小中文字体大小为9pt。

CSS2规范依据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加()或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符:

em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小。

ex(x-高度:CSS2规范将它描述为小写字母x的高度。

px(像素):它与背景或屏幕的分辨率有关。依据显示器分辨率输出不同像素,由于用户的喜好不同,显示器的分辨率可能会有很大差异。

2、字体的使用

网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文timesnewRoma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体制定也可以在任何操作系统和浏览器里正确显示。

windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular)、斜体(Italic)、粗体(Bold)、粗斜体(BoldItalic)。

3、特别字体或艺术字体的设置

如果你必须要用一种特别的字体来体现你的风格,那么特别字体或艺术字体最好以图片的方式置入网页。必须要用这种字体的地方用图片代替,以确保所有人看到的页面是同一效果。

在网页里,字体的定义语句是:显示文字其中Arial就是一种字体的名称。

如果必须要用一种特别的字体来体现风格,那么如何让大家可以真正看到制定页面呢?解决的办法是使用图片。将必须要用这种字体的地方用图片代替,以确保所有人看到的页面是同一效果。

2网页制定中使用字体的注意事项

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

好的字体排版,可以让人耐心的看完那些文字,然后得到其中的重要信息,还可以影响到浏览者阅读的心情。同时,字体的选择、大小等,还应该配合企业的VI识别系统,还必须要配合你作品必须要表达的思想感情来确定(例如古典风格,应该选择哥特式字体等)。

在网页制定中最常用的字体是宋体和黑体,最多了加粗和字体大小有变化。网页中字体中绝大部分都是宋体。

通常来说,文章都是白底黑字,黑色的。所以网页中的文字,通常使用黑色,或者浅灰色,这样更加符合大众的口味。如果不是一些很有创意的制定,请不要随便的使用颜色。

选择网页中字体大小的时候,还必须要合计你的用户的实际使用习惯。同一个网页,在笔记本上和在手机上使用的时候,字体大小就不应该相同,因为〔电脑〕屏幕大分辨率高,而且视距通常比较近而且固定,手机等屏幕小分辨率较低,视距更近(大家都喜爱躺着或者趴着玩手机啦),所以这些都要合计,才干得到一个合理的大小。

3网页字体效果怎么做

网页字体的样式选择

在英文站方面,国外的很多东西不是免费的,当然也包括英文字体,所以你的网站字体不要选择那些太有个性的字体,因为你的访客可能电脑上根本就没有下载这个字体,从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial,TimesNewRoman,andVerdana。

中文站方面呢,一般的大众绝对没有自己去下字体安装的爱好,一般的字体全是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安全浏览器选项、左面选网页设置、右面选

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论