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字體的“路徑方向”有關。

訪問此 。 您可以使用解決方案和使用任何字體文件生成網格的工具來詳細說明該錯誤。