Iconfont css using vector icons

http://www.iconfont.cn/

The icon for the selection is added to the cart and then downloaded. Unzip Open

First step: Use Font-face to declare fonts

@font-face {font-family: ' Iconfont ';    Src:url (' Iconfont.eot '); /* ie9*/    src:url (' Iconfont.eot? #iefix ') format (' Embedded-opentype '),/* IE6-IE8 *    /url (' Iconfont.woff ') Format (' Woff '),/* Chrome, Firefox */    URL (' iconfont.ttf ') format (' TrueType '),/* Chrome, Firefox, opera, Safari, Android, iOS 4.2+*/    url (' iconfont.svg#iconfont ') format (' SVG ');/* iOS 4.1-* * *}

Step two: Define a style that uses Iconfont

. iconfont{    font-family: "Iconfont"!important;    Font-size:16px;font-style:normal;    -webkit-font-smoothing:antialiased;    -webkit-text-stroke-width:0.2px;    -moz-osx-font-smoothing:grayscale;}

The third step: Select the appropriate icon and get the font encoding, applied to the page

<i class= "Iconfont" >& #x33;</i>

Iconfont css using vector icons