@font-face的相关运用

@font-face{
font-family: "imooc-icon";
　　src: url("../fonts/icomoon.eot"); /* IE9 兼容模式 */
　　src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype")
　　　　,url("../fonts/icomoon.woff") format("woff")
　　　　,url("../fonts/icomoon.ttf") format("truetype")
　　　　,url("../fonts/icomoon.svg") format("svg");
　　font-weight: normal;
　　font-style: normal;
}
.imooc-icon{
　　font-family: "imooc-icon";
　　font-style: normal;
　　font-weight: normal;
　　font-size: 64px;
　　-webkit-font-smoothing: antialiased;
　　-moz-osx-font-smoothing: grayscale;
}

 

以上这些是用来加载font图标的。

 

<li><a href=""><i style="color: #efe0ce;" class="imooc-icon">&#xf048;</i></a></li>

这是首页里的某段，十六进制，所以要加上&#x