无法识别三个 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);

我从控制台得到的错误是 "The font Helvetiker with normal weight and normal style is missing."

我已将字体和 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

此 fiddle 显示了您的代码的工作示例。

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 后添加这个修复了问题

无法识别三个 JS 字体

Three JS Font not recognized

javascript

three.js