图标字体使用

css中加入：

@font-face {

    font-family: 'iconfont';

    src: url('../fonts/iconfont.woff2?t=1658213215724') format('woff2'),

         url('../fonts/iconfont.woff?t=1658213215724') format('woff'),

         url('../fonts/iconfont.ttf?t=1658213215724') format('truetype');

         font-size: 14px;

        font-style: normal;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

  }

然后引用图标的名称，例如：

 

e751是其编号（在css的伪元素中引用，还有记得前面要加“\”），是其完整代名(在html文件中引用，类似 )

引用后需声明其font-family属性值为iconfont，即：

font-family: 'iconfont';或

font-family="iconfont"