Javascript BLOTTER.JS为什么我的index.html的第一次加载默认为serif字体而不是我的自定义字体'；认证'；？

当我第一次加载index.html时，吸墨纸文本默认为衬线。当我刷新它时，它会切换到我的自定义“auth”字体，并在每次后续刷新时保持该字体

<div id="title"></div>

javascript

var text = new Blotter.Text("~DAISY CHAIN~", {
  family : "auth",
  size : 150,
  fill : "#000000",
    paddingLeft : 120,
    paddingRight :120
});

text.needsUpdate = true;

var material = new Blotter.LiquidDistortMaterial();
material.uniforms.uSpeed.value = 0.3;
material.uniforms.uVolatility.value = .1;
material.uniforms.uSeed.value = .10;



var blotter = new Blotter(material, {
  texts : text

});

var elem = document.getElementById("title");
var scope = blotter.forText(text);

scope.appendTo(elem);

document.onmousemove = function distort(){
    material.uniforms.uVolatility.value = (event.clientY * .0006);;
}

---

可能是因为字体第一次还没有加载完毕…？你明白了吗？我找不到关于这个的任何信息anywhere@oldboy是的！我遵循了这篇文章中的说明，目前为止，它工作得非常完美。我意识到问题在于，在启动吸墨器实例之后，字体正在加载：（但我遇到了一个新问题，除非你对文本或背景使用非常深的颜色，否则呈现的文本有时会沿着字符的轮廓显示黑色标记。你注意到了吗？如果注意到了，你能修复它吗？可能是因为字体第一次还没有完成加载…？你明白了吗？我找不到关于这个的任何信息anywhere@oldboy是的！我遵循了这篇文章中的说明，到目前为止，它工作得非常好。我意识到问题是，在启动吸墨纸实例之后，字体正在加载：（但我遇到了一个新问题，除非文本或背景使用非常深的颜色，否则呈现的文本有时会沿着字符的轮廓显示黑色标记。你注意到了吗？如果是，你能修复它吗？

var text = new Blotter.Text("~DAISY CHAIN~", {
  family : "auth",
  size : 150,
  fill : "#000000",
    paddingLeft : 120,
    paddingRight :120
});

text.needsUpdate = true;

var material = new Blotter.LiquidDistortMaterial();
material.uniforms.uSpeed.value = 0.3;
material.uniforms.uVolatility.value = .1;
material.uniforms.uSeed.value = .10;



var blotter = new Blotter(material, {
  texts : text

});

var elem = document.getElementById("title");
var scope = blotter.forText(text);

scope.appendTo(elem);

document.onmousemove = function distort(){
    material.uniforms.uVolatility.value = (event.clientY * .0006);;
}