Graphin icon indicating copy to clipboard operation
Graphin copied to clipboard

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

Open zhaoxuhui1122 opened this issue 4 years ago • 2 comments

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",

zhaoxuhui1122 avatar Apr 30 '21 02:04 zhaoxuhui1122

@zhaoxuhui1122 感谢你给的方案👍

pomelo-nwu avatar May 10 '21 09:05 pomelo-nwu

官网的 Demo 也有这个问题

截屏2021-09-09 17 36 54

https://graphin.antv.vision/~demos/element-node-icon

强制刷新 ctrl + shift + r 可复现

Ynewtime avatar Sep 09 '21 14:09 Ynewtime