网页设计怎么改变字体
字体是网站最基本也是最重要的一个元素，选择一个大众化的字体，符合视觉美观的大小，设置恰到好处的颜色其实是一个不能忽视的网站优化要点，接下来小编告诉你网页设计怎么改变字体。
一、小述
作为一个并非前端开发的人，却有时候喜欢前端的一些东西。如果说网站是一项建筑工程的话，那么后台就是比较重量级的钢筋水泥土，先搭建好整体框架，然后再慢慢地填充。那么前端就是修补、装饰、美化等工作了，它起到了让人一眼都爱上她的作用。一个网站的好坏，不仅仅是性能上的比较，很多时候是界面美化和用户体验上的。对于界面美化，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来做实验，看看什么样的感觉最好。
字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。
