本文共 617 字，大约阅读时间需要 2 分钟。

1.文件下载

https://www.iconfont.cn/ 字体图标格式推荐ttf 从字体图标库下载到本地解压,取出2个文件,iconfont.css,iconfont.tff ,移动到当前项目目录 2.css文件修改 iconfont.css中的src必须做修改 修改格式举例:src:url(’~@/static/iconfont/iconfont.ttf’)

@font-face {
     font-family: "iconfont"; /* Project id 2557622 */  src:url('~@/static/iconfont/iconfont.ttf') format('truetype');}.iconfont {
     font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-icon-class-b:before {
     content: "\e632";}

3.css引用

然后全局引用css

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

4.组件使用

   
    日出东方 唯我不败
   

转载地址：http://mwhws.baihongyu.com/