element-ui 配置iconfont

在iconfont.cn 选择好项目需要的icon,添加进项目,下载好font文件,然后在

全局scss代码里写上:
@font-face {
  font-family: "zr";
  src: url('../icon/download.ttf') format('truetype');
}

.zr {
  font-family: zr!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}

.icon-download:before {
  content: "\e635";
}

.icon-imp:before {
  content: "\e6fd";
}
使用:
 
    导入
  

你可能感兴趣的:(前端)