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

貢獻者指南