javascript - 三.js文本渲染问题

Question

我目前正在开发一个 Three.js 项目，我们在将字体加载到文本时遇到了问题。

我们正在使用TextGeometry对象渲染我们的字体和字体 js converter添加我们的字体。

某些字体效果很好，但其他字体则无法按预期执行，某些字母无法正确呈现，例如 d 和 o。

这可以在下面的 fiddle 中看到，字体正在加载一些字母的内部而不是外部。

http://jsfiddle.net/264jawhe/2/

任何人都可以确定为什么会发生这种情况，以及是否有更好的方法来显示可能加载 html 元素的文本？

提前致谢!

var textGeom = new THREE.TextGeometry("Video Dp", 
     {
      font: 'acknowledgement',
      weight: 'normal'
     });
var material2 = new THREE.MeshNormalMaterial();
var textMesh = new THREE.Mesh( textGeom, material2 );

scene.add( textMesh );

Answer 1

请检查 fiddle 。其实问题出在你的字体风格上。我刚刚更改了字体并且工作正常

Refer to this Jsfiddle

var textGeom = new THREE.TextGeometry("Video Dp", {
    font: 'optimer',
    weight: 'normal'
});
var material2 = new THREE.MeshNormalMaterial();
var textMesh = new THREE.Mesh(textGeom, material2);
scene.add(textMesh);