第一步：@Font-face目前浏览器的兼容性： 
•Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)； 
•Opera (10+)： TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)； 
•Internet Explorer： 自ie4开始，支持EOT格式的字体文件；ie9支持WOFF； 
•Firefox(3.5+)： TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6) 
•Google Chrome：TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6


第二步：在css文件中调用(.ttf/.eot/.woff/.svg)

例如

@font-face { 
font-family:Gill Sans MT Condensed;
src:  url('Gill Sans MT Condensed.eot');
src: url('Gill Sans MT Condensed') format('woff');
}

这样就能调取外部文字，在网页制作中经常会用到此方法