canvas - paper.js - 直到拖动才设置 PointText 字体

Question

使用 paper.js，我使用以下调用在屏幕上创建一个字符长的文本对象:

var text = new paper.PointText({
  point: [x,y],
    content: "9",
    fillColor: "white",
    font: "Comfortaa",
    fontWeight: "bold",
    fontSize: 30
});

然而，我遇到了这样一个问题，即文本被栅格化到屏幕上，无论主体上定义了什么默认字体，并且它一直保持这种状态，直到我使用工具的拖动事件移动 PointText 对象。只要我用鼠标移动这段文字，文字就会立即更改字体，在本例中为 Comfortaa。这是前后两张截图:

在第一次抽取之后调用纸张的 draw() 似乎不会对这里产生很大影响。此外，字体不会通过 Google Fonts API 之类的东西异步加载，它们是本地的，因此这不是问题。

Answer 1

根据 Jürg Lehni 的建议，我能够通过添加一个新的 div、将可见性设置为隐藏以及将字体系列设置为我的网络字体来使其工作。

<div style="visibility: hidden; font-family: 'Share Tech Mono';">test</div>