Import special fonts in Web pages @font-face properties

@font-face {font-family: ' Icomoon ';/* Custom font name */src:url ('.. /fonts/icomoon.eot?rretjt ');/* The path of the custom font */src:url ('.. /fonts/icomoon.eot? #iefixrretjt ') format (' Embedded-opentype '), url (' ... /FONTS/ICOMOON.WOFF?RRETJT ') format (' Woff '),/*format for font format facilitates browser recognition */url ('.. /FONTS/ICOMOON.TTF?RRETJT ') format (' TrueType '), url ('.. /fonts/icomoon.svg?rretjt#icomoon ') format (' SVG '); font-weight:normal;/* whether the property is bold */font-style:normal;/* italic property */}

@font-face is a module in CSS3, he is mainly to embed his own defined Web fonts into your Web page, this custom font IE browser support.

Format of font:

1.TureTpe (. ttf) Format:
　　 The . TTF font is the most common font for Windows and Mac, is a raw format, so he is not optimized for websites, and browsers that support this font have "Ie9+,firefox3.5+,chrome4+,safari3+,opera10+,ios Mobile safari4.2+ ";
2.OpenType (. OTF) Format:
　　 The . OTF font is considered to be an original font format, built on the basis of turetype, so it also provides more features that support browsers with this font have "firefox3.5+,chrome4.0+,safari3.1+,opera10.0+, IOS Mobile safari4.2+ ";
3.Web Open Font format (. woff):
　　 The . Woff font is the best format for Web fonts, he is a compressed version of an open Truetype/opentype, but also supports the separation of meta-packages, browsers that support this font have "ie9+,firefox3.5+,chrome6+, safari3.6+,opera11.1+ ";
4.Embedded Open Type (. eot) Format:
　　 . EOT fonts are IE-specific fonts that can be created from TrueType fonts and browsers that support this font have "ie4+";
5.SVG (. SVG) Format:
　　 The . svg font is a format based on SVG font rendering, and browsers that support this font have "Chrome4+,safari3.1+,opera10.0+,ios Mobile safari3.2+".

Import special fonts in Web pages @font-face properties