在CSS2.0时代，页面中如果使用了操作系统中没有的一些特殊字体，想要它们正常显示的方法只有将其做成图片，如果一个页面中有20个特殊字体，那就需要做20多个图片，做起页面来十分繁琐。
有了CSS3.0中@font-face属性，就不必那么麻烦了，有了它可以自定义网页字体，而且使用方法就像使用背景图一样简单，只是需要准备好要使用的自定义字体。
@font-face不像前面介绍的那些CSS仅仅是个属性，它是选择器，可以用许多字体相关属性对它进行描述。
@font-face简单语法：@font-face {
font-family:'FontName';
src: url('FontName.ttf') format('truetype');
font-weight:bold;
font-style: normal; }这里的font-family不是指定字体的名字，而是将自定义的字体命名。
src是字体的路径和位置，和背景图片的格式相同。
format是字体格式，这是根据字体制作时就已经确定的。