使用自己下载的字体的示例： 参考 ? ?http://www.w3cplus.com/content/css3-font-face?
@font-face{
font-family: “自己的字体名字，可以随便起，可以不和字体文件名相同”;
src: url(‘下载的字体路径’);
}
注意这样只是把字体定义好了，并没有应用到任何的元素上。只要在任何的html元素上指定font-family:”自己定义的字体名” 即可。
注意：经自己测试，应用自定义字体时，font-family的值只能写自定义的字体名，不能加其他任何的多于字体或者多于字符，否则无法应用自定义字体！
@font-face 被列为了 CSS3 的一项新特性，其实它并不是什么新鲜技术，它最早出现在 CSS2 的规范定义中，但是在 CSS2.1 中又被删除，现在被正式列入 CSS3。目前主流的浏览器（IE 4+/Firefox 3.5+/Chrome 1+/Safari 3.1+/Opera 10+）都能够支持这个属性，所以不用担心会有浏览器兼容性问题。
@font-face 允许您在网页中使用电脑中没有安装的字体，完全摆脱安全字体的限制。只需将字体包安装在服务器上，当用户加载网页时，字体包会自动下载到用户机器上，保证字体能够正确渲染。
随着@font-face 的不断流行，产生了许多新的字体格式图标集，称为网络字体。Google Fonts API 就是基于@font-face 的特性开发的一套优秀的网络字体库。
网络字体的优点有很多：
- 使用的是真正的文本，而不是图片，放大和缩小都不会影响渲染效果，用户体验好；
- 可以被搜索引擎辨认；
- 不像图片每次需要重新生成，添加删除更方便。