Web页面的字体介绍

一、网页常用字体通常分为5类

 

serif(衬线)：字体在字符笔画末端有叫做衬线的小细节，这些细节在大写字母中特别明显。

　　　　

sans-serif(无衬线)：字体在字符笔画末端没有任何细节，与serif字体相比，他们的外形更简单。

　　　　

monospace(等宽)： 字体，每个字母的宽度相等，通常用于计算机相关书籍中排版代码块。

　　　　

fantasy(梦幻)、cuisive(草体) 字体在浏览器中不常用，在各个浏览器中有明显的差异。

 

二、Web页面常用的字体

 

1,  Arial

微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。

苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好

CSS写法：font-family: Arial, Helvetica, sans-serif;

 

2, Verdana

微软公司的网页核心字体之一，微软公司专门为屏幕显示而开发的。应用广泛。易于阅读。是显示器中最清晰的字体，即使字号很小，也很容易阅读。半肥猫比较喜欢采用10PX的Verdana来做英文正文字体，也推荐大家使用，但字号最好介于10~14像素之间，超出这个范围就不好看了。

CSS写法：font-family: Verdana, Geneva, sans-serif;

 

3,  Georgia

微软公司的网页核心字体之一，可用性好。可读性比Times New Roman强。是网站设计中，浏览效果最好的serif字体，因为它是专为网上阅读设计的。）

CSS写法：font-family: Georgia, serif;

 

4,  Times New Roman

微软公司的网页核心字体之一，可能是最常用的serif字体，是网站浏览器默认的字体，12pt以上的字体容易阅读，但小字号的字体易读性差。（苹果系统没有这个字体，有一个对应于Times New Roman的字体叫Times）

CSS写法：font-family: 'Times New Roman', Times, serif;

 

 

 

参考资料：    Web页面的字体有哪些      http://www.studyofnet.com/news/329.html