-、字体

常用字体一般分为“英文字体”和“中文字体”。

在英文站方面，国外的很多东西不是免费的，当然也包括英文字体，所以你的网站字体不要选择那些太有个性的字体，因为你的访客可能电脑上根本就没有下载这个字体，从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial,Tahoma,Times New Roman, and Verdana。中文站方面呢，普通的大众绝对没有自己去下字体安装的爱好，- -般的字体全是XP或其他系统自带的，选择宋体肯定是不会错的。其他楷体等等可以自己斟酌选择。注意，那个漂亮的微软雅黑字体也不是每个人都装了的,XP系统以上的版本默认字体可能是微软雅黑，但微软雅黑和宋体还是有所区别的,特别是在行高上，网上也有解决XP和WIN7字体的方法，感谢一-下我同事将电脑给我做测试，我终于成功将WIN7和XP的宋体相互转化，具体方法参考“系统字体替换工具”
而平时我们用的就是中英文数字混搭的比较多，这几种字体我们用的时候，他们所在浏览器中显示的也不完全一样

1) Tahoma& Arial 字体比较

(1)字体下划线问题:Tahoma在ie6'下的li元素里面显示很好，其他的所有浏览器中，下划线都会粘连中文文字，英文问题没有粘连;但是Arial字体除了ie6, firefox3.6 以上，其他浏览器都是下划线粘贴着文字，Windows 和Mac都预装了这款Arial字体，应该是使用最广泛的网页字体了。

(2) 13px 中文问题: ie6 和firefox3.6以上显示很难看，用的是14号字体，其他浏览器都用12px字体显示的(Arial 字体比Tahoma字体好看点)

(3) 中英文混排问题:同一行中出现了中文和英文，如果设置了vertical-align属性，会出现高低不齐的现象。ie7 出现了错位。zoom:1 可以解决一部分问 题。

(4)设置Tahoma字体后可以使表单元素和label对齐(比如radio,check ,text,select和相应的文本对齐，同时设置两者vertical-align:middle )

2)宋体的问题(又名SimSun)，unicode 编码\5b8b\4f53

(1) Opera 下，只认"宋体"， 不认SimSunfont: 12px arial;此时，Opera 默认中文字体就是宋体，font: 12px sans-serif;此时，Opera默认中文字体就是宋体。font: 12px tahoma,rial,simsun,sans-serif;对于宋体'来说，如果后面已经没有中文字体，用simsun还是ok的。
我一-般选用写样式都会这样去写font:: normal 12px "\5b8b\4f53";这里我没有在样式里直接写“宋体”是考虑到编码问题,还有-一个重要问题是在IE浏览器下中英文混排的时候,如果你定义了英文字体,那会导致中英文混排默认情况下的行高会发生变化，我们都知道英文和数字在默认情况下都较难看，我们定义了tahoma,arial,就是为了让他们美观些，可是IE和Firefox下的行高会不同，会产生兼容问题，所以如果不考虑兼容问题可以定义英文字体，相反还是以宋体为主吧。由于目前主流浏览器对于字体的支持不是很好，所以建议字体一定要选择 大众化字体，种类选择.上尽量不要超过三种。不过现在CSS3中对外部调用字体已经可以实现用@Font-Face 可实现定制字体，(其实浏览器的默认字体是可以更改的，由于涉及的浏览器较多较复杂这里就不一-- ~阐述 了)

二、字号

在互联网普及之初，英文网页占的比例比较大。由于英文字母相对汉字来说超简单，都没有笔画是否复杂- -说，英文的小字体总是能显得很简洁、清晰，绝大部分英文网站的主体内容都是选择小号字体9px，10px,11px，12px,13px大小的字体在英文网页中十分常见，外国人也习惯看小号字体了。中 文网页不能照搬英文网页的设计，主要是因为两种语言的字体表现形式完全不一样, 中文网页中字体大小在10px以下看不清,一般要达到 12px才有不错的效果。目前来看，12个像素和14个像素大小的宋体在可阅读性和美观上结合的是最好的。比12个像素再小的话，可阅读性和美观性都没有了。比14个像素大的话，可阅读性当然是有的，但是美观性就差了- -些。所以基本上所有的中文网站都是以这两个大小的文字来呈现的。字体大小的选择建议: 英文网站字体大小可以选择11px，13px， 15px等字体大小，中文网站字体大小可以选择12px，14px， 16px 等字体大小。也有的时候字体的大小用pt不是px,他们代表的含义不同,相应的数值也不同,这个根据个人的喜好而定。(注: Google Chrome 浏览器默认情况下不支持中文小于12号字体，可以通过

三、粗细

我觉得文字的精细主要取决于网页的实际情况,加粗的目地--般都是为了加强突出内容之前的区分，需要--定的用户体验，到底什么时候加粗什么时候不加粗需要我们对整体网页的理解。.

四、颜色

字体的颜色直接会体现在网页的整体风格上,黑色,灰色,白色的搭配给人沉闷，中庸，职业，严肃等感觉，如果在适当的地方加入些许红色，则会显得充满刺激的快感，并且总能吸引众人的目光。字体颜色的选择非常的重要，而且也非常的深奥，我一-般网页的主体颜色用灰色(33333)不建议用纯黑色，我觉得看多了会引起眼部疲劳，如果是起辅助的文字颜色，用比333333更低的灰度颜色，如果是链接用蓝色( #2850a0)如果是起区别和对比作用的我一般用橙色( #ff6600)、红色(#f0000)。当然颜色值不是固定，主要取决于网页的整体风格。htmK{-webkit-text-size-adjust:none解决这个问题)