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>