@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
由上面可以得出：.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持。

css:

@font-face{
	     font-family:'FontAwesome';
	     src:url('../font/fontawesome-webfont.eot');
	     src: url('../fonts/fontawesome-webfont.eot');
	     url(‘../fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'), 
	     url('../font/fontawesome-webfont.woff') format('woff'),
	     url('../font/fontawesome-webfont.ttf') format('truetype'),
	     url('../font/fontawesome-webfont.svg#fontawesomeregular') format('svg');
	     font-weight:normal;font-style:normal;
 }

在线字体格式转换：https://www.fontke.com/tool/convfont/

转载自：https://blog.csdn.net/abld99/article/details/50803119