uni-app 引入自定义矢量图标(iconfont)遇到的坑

2020-10-13  本文已影响0人  会Android的摄影爱好者

今天在引入阿里的iconfont库的时候,使用了Unicode方式引入,按照官网正常方式引入,图标却怎么也不显示。
找了半天,终于发现了错误的地方,官方错误。
下面是官方自动生成的代码:

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

注意一定要在前面加http:
只要改成这样就可以了

('http://at.alicdn.com/t/font_2125247_6usj258rmmf.ttf') format('truetype')
上一篇 下一篇

猜你喜欢

热点阅读