第一：css3下载字体，代码如下
@font-face
{
font-family:
'自己命名字体名字'
src:
url('字体路径')
src:
url('FileName.eot?#iefix')
format('embedded-opentype'),
/*其它格式*/
url('FileName.woff')
format('woff'),
url('FileName.ttf')
format('truetype'),
url('FileName.svg#FontName')
format('svg')
font-style:
normal
font-weight:
normal
/*设置默认样式*/
}
.aa{font-family:"自己命名字体名字"}
不兼容ie8及以下浏览器
第二：切png图片
<style type="text/css">.aa{ width:200pxheight:44pxborder:0background-image:url(img1.png)}
.aa:active{ background-image:url(img2.png)}
</style>
<input type="button" class="aa" value=""/>
IE6需要另外插一张类库
CSS即使设置了其他字体，也要看别的电脑里有没有，一般系统自带有宋体，黑体等字体，但是如果你电脑上有好看的字体，可以显示，在别的电脑没有你的字体，就显示不了，所以一般只会设置系统自带的字体。设置方法：
<html>
<head>
<style type="text/css">
p.ziti{font-family:"Times New Roman",Georgia,Serif}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="ziti">要更改的字体内容</p>
</body>
</html>
CSS定义可以是：font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
为什么我这里设置了三个，分别用","隔开呢，因为不同版本的操作系统，对字体的支持不同解释如下：
例如微软雅黑不同操作系统不同版本需要如下设置：
Windows XP及以前版本的Windows
font-family: Arial, 宋体, sans-serif
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif
Sorry，英文就无法设置字体了，因为中文字体都包含了英文字体。好在雅黑显示英文还凑合。
Mac及其它操作系统
font-family: sans-serif
系统自带中文字体编码：
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312
