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

今天在引入阿里的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')
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容