Graphin
Graphin copied to clipboard
官网字体图标首次加载不显示
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}}></span>`
附版本信息
"@antv/graphin": "^2.0.6",
"@antv/graphin-icons": "^1.0.0",
@zhaoxuhui1122 感谢你给的方案👍
官网的 Demo 也有这个问题
https://graphin.antv.vision/~demos/element-node-icon
强制刷新 ctrl + shift + r 可复现