Iconfont Ali mother front-end small icons using the method detailed

icon Optional URL: http://www.iconfont.cn/ 1. From Ali Mom website to buy small icons, add shopping cart, download good documents; 2. Put the font file into the font folder (TFF) (Woff), (EOT) 3. The following content is introduced in the Stylesheet (.. /font This is based on the relative path to make the corresponding choice) @font-face {font-family: ' Iconfont '; Src:url ('.. /font/iconfont.eot '); /* ie9*/ Src:url ('.. /font/iconfont.eot #iefix ') format (' Embedded-opentype '),/* IE6-IE8 */ url ('.. /font/iconfont.woff ') format (' Woff '),/* Chrome, Firefox */ url ('.. /font/iconfont.ttf ') format (' TrueType '),/* Chrome, Firefox, Opera, Safari, Android, IOS 4.2+*/ url ('.. /font/iconfont.svg#iconfont ') format (' SVG '); /* IOS 4.1-* / } . iconfont{ font-family: "Iconfont"!important; Font-size:12px;font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale;} 4.html Write the following content <b class= "Iconfont" > Write icon encoding </b> 5. Create a new selector to edit the text size color and other properties       <b class= "iconfont icon" > Write icon encoding </b> . icon{font-size:14px;color:red;}

Iconfont Ali mother front-end small icons using the method detailed