uniapp项目发布为H5，iconfont图标显示异常的原因

公司需要将uniapp做的项目发布成H5手机版，在钉钉上使用，发布使用之后，发现iconfont图标都不能正常显示

解决：将在阿里图标库上选的图标加入自己的项目后，复制图标路径到自己项目中的iconfont.css文件夹中，如下

 

图标路径前面加上https的域名

如下：

@font-face {
  font-family: 'iconfont';  /* project id 1910368 */
  src: url('https://at.alicdn.com/t/font_1910368_6prcok7u68i.eot');
  src: url('https://at.alicdn.com/t/font_1910368_6prcok7u68i.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1910368_6prcok7u68i.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1910368_6prcok7u68i.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1910368_6prcok7u68i.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1910368_6prcok7u68i.svg#iconfont') format('svg');
}

最后在项目组件中引入即可iconfont.css文件，使用即可

<text class="header-back iconfont " @tap="back">&#xe601;</text>