iconfont 简易用法

只需要保留iconfont.css，并且只需要 保留文件里面的base64格式的url引用

@font-face {font-family: "iconfont";
  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOUAAsAAAAAB5QAAANHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCeIJEATYCJAMMCwgABCAFhG0HOxuPBsg+QTZkE6zeGQMgBhJpZdbTXdE3ne8I/2nSe0EioNbKnp15AFQJPwUUgiRgFwvkmYVLyscBOmZ58/qXKeRs9WksPREf+TrnciUm8e0QJ0zC1I7dCA65+cEg0BMHEgCmk9v1e6oJFGWlGWQlFU58A3TE0Kpb4Mw6esiqEKvMQVDLcID7P+6d/lFCY7+25bQmrbHpY4Bx511Ae2MUWYEknMXcMHYT5UHcJqBYuxgWE7ygGNhLwKKAsHF4CtinzFJNbVAoyC/ZmYTj8hRmB7IHOMbfHz4bHArJ5EVg5dTVmSxIeTfy6zDuz8lCilCO54S2j4gOQCIsLnXPZRWmO1gpdgzW9aX5kiAbK5Y7XOGa8lf6x8sI+UB1Kegn6rOTUmIJgXfkIgVxfj4KsQ1wRCDXNiapMb+0qLkU/PBNOnjZd/50t9+CmUWnskOXfOZNdXnPnZyjyxaE89y6fvLs+1ePe3l576zrfOCy+6L1kM+l959rub/W5L6zFzYC4/wLDCduhO+bmu+a8y49eL171W9FTF3uWnIc9TB0wTbm00Z1wAbiqNK4uPqFgT4gW1C9mHH8Ghw1emNk+g+QUkEE/ycsjPkiyR/gT/b3pO/JPzqGdNR+ltU8/RCnKTjW9P+GzbKp+2nICnL26uB+zRV328s02fJsQsaMzuJ4lgLIic9iO88eGzt+zWdoXN1Y5zbibyTwMkEM5iTtvEDhiXsCP2JQCpB0NbDEZBvUdgREowyczFAMY+QC/mqf/U11rasJCtXFkCnQBlGhXmgid0CeEkMhX6HRUGyg7P0lamBWQirCAP0CBJU2IVPuHkSVbtFE/oA89b4hX2WIUGx2qDmxRJ+wjuMXUQSxcHkzXMfodRyyEcegthDxZg2Fk2rOLEXYJMbgoK6ebC4b6RAeY82OBl61k3BwNdZr4SThPqTR6OFWrJcQQ2RrCTHEdXevLnuSbIVeCxyNhyEUAmFBtGaQiKGnw9HehGPu9YUQnpkGBdcQOtKlEMxEHB5SklG0QLMNulaEa3nEpAFPhSA4EAfT04KyhGmIhoYeZCifJkEYhIzQI2kQRw67cW0NsvlN2ufbB8XAyhiyEEOSv6NRiyDasxZKbDJTOgAAAA==') format('woff2')
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shezhi:before {
  content: "\e63d";
}

.icon-shaixuan:before {
  content: "\e6b7";
}

用法

1. 引入

@import '../assets/css/iconfont.css';

2. html代码中添加

<i class="iconfont icon-shaixuan"></i>