Three.js文本渲染问题

Question

我目前正在研究Three.js项目，我们遇到了将字体加载到文本上的问题。

我们使用TextGeometry对象来呈现字体，并使用js字体转换器添加字体。

有些字体效果很好，但另一些字体表现不佳，某些字母不能正确呈现，例如d和o。

可以在下面的小提琴中看到，字体加载的是某些字母的内部而不是外部。

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

请检查小提琴。 实际上，问题出在您的字体样式上。 我刚刚更改了字体外观，并且可以正常使用

参考这个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);

Answer 2

它与type1字体的“路径方向”有关。

访问此 。 您可以使用解决方案和使用任何字体文件生成网格的工具来详细说明该错误。