xx-blog主题使用的图标库是阿里巴巴的iconfont，所以我将向您展示如何使用这个主题库。
首先，进入iconfont主题库并注册一个帐户。当您找到喜欢的图标时，单击添加到购物车返回右侧的购物车并转到您的个人图标。点击中心即可下载。
第一步：将代码添加到xx-blog主题style.css中。
/* 引用字体文件（注意URL中文件的路径）格式告诉浏览器应该以哪种格式解析这些字体文件*/
@fontface{
font-family: '图标字体';
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- */
}
第2 步：定义和使用iconfont 样式
.图标字体{
font-family:'图标字体'！重要；
字体大小：16px;字体样式：正常；
-webkit-font-smoothing: 抗锯齿；
-webkit-文本-笔画-宽度： 0.2px；
-moz-osx-font-smoothing: 灰度；
}
第三步：选择您想要加入的风格图标
i class='iconfont icon-xing'/i
这样您就可以在主题中使用您自己定义的样式。
版权声明：本文由今日头条转载，如有侵犯您的版权，请联系本站编辑删除。
