1.下载图标
在iconfont官网下载图标,在资源管理中下载到本地。
2.引入字体图标
1.下载文件中的引入css
<link href="/font3/iconfont.css " rel="stylesheet" type="text/css ">
2.url路径写下载到本地的font文件
@font-face {
font-family: 'iconfont';
src: url('/font3/iconfont.eot');
src: url('/font3/iconfont.eot?#iefix') format('embedded-
opentype'), url('/font3/iconfont.woff') format('woff'),
url('/font3/iconfont.ttf') format('truetype'),
url('/font3/iconfont.svg#iconfont') format('svg');
}
3.引入字体图标的样式
.iconfont {
font-family: "iconfont" !important;
font-size: 36px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
使用字体图标
要加class=“iconfont”
<i class="iconfont"></i>
<i class="iconfont"></i>
<i class="iconfont"></i>