uni-app图标字的坑-史上最详细的介绍-亲测

这个是在阿里巴巴矢量图标字里下载的,选择Unicode,就出现这个代码,你复制下来就可以了

注意啦!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

然后你可以用的是ttf的那条,每一次添加新的图标字,你都要更新一下这个代码,然后把ttf复制下来放到style的@font-face的src里面

@font-face {
  font-family: 'iconfont';  /* project id 973926 */
  src: url('//at.alicdn.com/t/font_973926_mgoef1pljo.eot');
  src: url('//at.alicdn.com/t/font_973926_mgoef1pljo.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_973926_mgoef1pljo.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_973926_mgoef1pljo.woff') format('woff'),
  url('//at.alicdn.com/t/font_973926_mgoef1pljo.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_973926_mgoef1pljo.svg#iconfont') format('svg');
}uni-app图标字的坑-史上最详细的介绍-亲测_第1张图片

你可能感兴趣的:(uni-app图标字的坑-史上最详细的介绍-亲测)