css 使用多个iconfont库

1.引入：

@font-face {
  font-family: 'dianzan';  /* Project id 2777465 */
  src: url('//at.alicdn.com/t/font_2777465_0u9lgeg5emrr.woff2?t=1639982110263')     format('woff2'),
       url('//at.alicdn.com/t/font_2777465_0u9lgeg5emrr.woff?t=1639982110263') format('woff'),
       url('//at.alicdn.com/t/font_2777465_0u9lgeg5emrr.ttf?t=1639982110263') format('truetype');
}


@font-face {
  font-family: 'tongxunlu';  /* Project id 3125055 */
  src: url('//at.alicdn.com/t/font_3125055_b7a2vyl6pdt.woff2?t=1641544852156') format('woff2'),
       url('//at.alicdn.com/t/font_3125055_b7a2vyl6pdt.woff?t=1641544852156') format('woff'),
       url('//at.alicdn.com/t/font_3125055_b7a2vyl6pdt.ttf?t=1641544852156') format('truetype');
}

2.定义class :

.iconfont{
	font: normal normal normal 14px/1 "dianzan","orderIconAL";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

3.使用： 

 

<i slot="suffix" class="iconfont icon-biyan"></i>