antvis/Graphin

官网字体图标首次加载不显示

开放

#248 创建于 2021年4月30日

 (2 条评论) (0 个反应) (0 位负责人)TypeScript (276 个派生)auto 404
good first issue

仓库指标

星标
 (1,096 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

Describe the bug 浏览器禁用缓存情况下,首次加载@antv/graphin-icons提供的字体时,图标不显示,缩放或鼠标悬停一下后,图标出现

To Reproduce

  • 禁用浏览器缓存
  • 刷新页面
  • 图标显示为空
  • 缩放画布或鼠标悬浮到节点上,图表显示出来

开启缓存的情况下,除第一次外,无上述情况 Expected behavior 图标正常加载出来

Desktop (please complete the following information):

  • OS: [Mac OS]
  • Browser [chrome]
  • Version [chrome 90.0.4430.93]

Additional context 字体加载时机的问题,从network里可以看出,字体文件at.alicdn.com/t/font_1522921_m3irqw8ynx.woff2请求顺序靠后

临时解决办法为,绘制之前,在页面标签内预先使用一个字体,例

<span style={{fontFamily:'graphin',transform:'scale(0)',opacity:0}}>&#xe7ce;</span>`

附版本信息

 "@antv/graphin": "^2.0.6",
 "@antv/graphin-icons": "^1.0.0",

贡献者指南