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);

我从控制台得到的错误是＆＃34;缺少正常重量和正常风格的字体Helvetiker。＆＃34;

我在html中包含了font和typeface.js，并且它们已正确加载

    <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

我在添加三个j之前添加了字体文件。在三个j之后添加此项修复了问题

三个JS字体无法识别

2 个答案: