css3中font-face的使用方法：
font-face一个允许把自定义字体嵌入web页面的功能模块。
用法很简单，通过@font-face来定义字体和字体库源文件。上述代码就在font-face中定义了一种字体 rei，然后指定其字体文件路径。这样后，我们就可以在css中使用font-family:'rei'。如果使用rei字体的字存在与字体库中，就会被替换成新自已的字。那我们便可以借助这个功能，来设计一些小的icon或者logo等等。
再看上述代码中的font-face里又很多个字体库的源文件，原因就在于浏览器的兼容性，因为不同的浏览器对不同的字体格式支持是不一致的，详细如下：
.ttf ：[IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+]
.otf ：[Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+]
.woff ：[IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+]
.eot ：[IE4+]
.svg ：[Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+]
这样就解释了，为什么上述的css代码中要写这么多的src。