网页设计怎么改变字体

字体是网站最基本也是最重要的一个元素，选择一个大众化的字体，符合视觉美观的大小，设置恰到好处的颜色其实是一个不能忽视的网站优化要点，接下来小编告诉你网页设计怎么改变字体。

一、小述

作为一个并非前端开发的人，却有时候喜欢前端的一些东西。如果说网站是一项建筑工程的话，那么后台就是比较重量级的钢筋水泥土，先搭建好整体框架，然后再慢慢地填充。那么前端就是修补、装饰、美化等工作了，它起到了让人一眼都爱上她的作用。一个网站的好坏，不仅仅是性能上的比较，很多时候是界面美化和用户体验上的。对于界面美化，Ps能很好胜任，本人Ps也不差，然后就是HTML系列、Css系列;对于用户体验上，我相信Javascript、Jquery、Ajax一定能胜任。

爱美之心，人人皆有，对于网站整体设计亦如此。今天就来学习网页设计中字体的技巧。

二、Css字体

1、字体系列：

W3C中说：在 CSS 中，有两种不同类型的字体系列名称：通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")、特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier")，这里我们最好配合使用，以免其他机器上没有安装指定的字体。

2、字体大小：

font-size 值可以是绝对或相对值。

绝对大小：

(1).文本大小设置指定

(2).不允许用户在所有浏览器中改变文本大小(不利于可用性)

(3).绝对大小在确定了输出的物理尺寸时很有用

相对大小：

(1).相对于周围的元素来设置大小

(2).允许用户在浏览器改变文本大小

注意：如果没有规定字体大小，普通文本(比如段落)的默认大小是 16 像素 (16px=1em)。

这里W3C 推荐使用 em 尺寸单位。1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。可以使用下面这个公式将像素转换为 em：pixels/16=em。

注意：无论是使用em还是pixels，在IE都有可能出现在重设文本大小时，会比正常的尺寸更大或更小的问题，对于这一点我们综合使用百分比和em就能很好解决。在所有浏览器中均有效的方案是为 body 元素(父元素)以百分比设置默认的 font-size 值：如：body{font-size:100%;} h2{ font-size:1.5em}

3、了解font-variant属性

font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。所有主流浏览器都支持 font-variant 属性。它有三个值：

normal:默认值。浏览器会显示一个标准的字体。

small-caps:浏览器会显示小型大写字母的字体。

inherit:规定应该从父元素继承 font-variant 属性的值。

怎样设计网页中的字体效果最好

网页字体的样式选择

网页设计怎么改变字体

在英文站方面，国外的很多东西不是免费的，当然也包括英文字体，所以你的网站字体不要选择那些太有个性的字体，因为你的访客可能电脑上根本就没有下载这个字体，从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者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来做实验，看看什么样的感觉最好。

字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容;细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感;字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

网站设计的主要步骤

一、确定主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有图片编辑工具,如firework 、Photoshop等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。

五、确定网站内容

1、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么。

2、确定你的网页的阅读对象,就是你的网页是准备给那些人看的。

3、选择制作网页的工具软件,比如PageAdmin系统、shopex系统、discuz系统这些,当然还有很多出色软件,大家可以在以后慢慢接触到。

4、如果你作好了页面，就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用(有发布空间的标志是你有了FTP 账号，这个需要申请)，也可以按我前面说的把自己电脑配置为服务器(需安装IIS等软件,这个自己百度一下)。

六、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能,这样可以大大提高制作效率。

七、上传测试

网页制作完毕,最后要发布到Web 服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,推荐LeapFTP软件,你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户,让他们来浏览。

八、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

九、维护更新

网站制作要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了，草扑建站整理发布，只有不断地给它补充新的内容,才能够吸引住浏览者。