美文网首页
uni-app 引入自定义矢量图标(iconfont)遇到的坑

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

作者: 会Android的摄影爱好者 | 来源:发表于2020-10-13 10:54 被阅读0次

今天在引入阿里的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')

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/toxvpktx.html