三种JS字体未被识别

Question

我正在尝试使用TextGeometry向我的项目添加文本。

var shape = new THREE.TextGeometry( 'Hello, World!', {
      size: 60,
      height: 20,
      curveSegments: 3,
      font: 'helvetiker',
      weight: 'normal',
      bevelThickness: 3,
      bevelSize: 3,
      bevelEnabled: true
    });
    var wrapper = new THREE.MeshNormalMaterial({color: 0x00ff00});
    var words = new THREE.Mesh(shape, wrapper);
    scene.add(words);

我从控制台得到的错误是“缺少正常重量和普通样式的字体Helvetiker”。

我已将字体和typeface.js包含在html中，它们已正确加载。

    <script src="http://typeface.neocracy.org/typeface-0.15.js"></script>
    <script src="http://mrdoob.github.com/three.js/examples/fonts/helvetiker_regular.typeface.js"></script>

如果有人能给我指明正确的方向，那就太棒了！

Answer 1

这个小提琴展示了一个代码的工作示例。

var shape = new THREE.TextGeometry("Hello, World!", {
    size: 60,
    height: 20,
    curveSegments: 3,
    font: 'helvetiker',
    weight: 'normal',
    bevelThickness: 3,
    bevelSize: 3,
    bevelEnabled: true
});

包含字体库可能是问题所在。

Answer 2

在包含三个js之前，我添加了字体文件。在三个js修复了这个问题之后添加这个