阿里图库使用以及uni引入时注意事项

阿里图库：https://www.iconfont.cn/

选择需要的图标加入购物车，然后在购物车里添加到“项目”里，然后点击“下载到本地”。

将css文件放到本地的静态文件夹中，在需要使用的地方引入就OK了，

class="iconfont icon-***"就能使用了：***就是.icon-tupian之类的命名。

 

但如果使用uni的话，引入需要注意，会提示找不到

font.eot?t=1571390362733'

之类的4个文件，只需要把css文件里的对应的修改为以下就OK了

  src: url('https://at.alicdn.com/t/font.eot?t=1571390362733'); /* IE9 */
  src: url('https://at.alicdn.com/t/font.eot?t=1571390362733#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;')  format('woff2'),/*这行留着你原本的*/
  url('data:application/x-font-JMJM=') format('woff'),
  url('https://at.alicdn.ct.ttf?t=1540274617069') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('https://at.alicdn.com/t/fonfont') format('svg'); /* iOS 4.1- */

就能使用了