We are currently working on a project in three.js and facing difficulties when it comes to loading fonts onto our text elements.
Our approach involves using the TextGeometry object for rendering fonts and the typeface js converter to incorporate new fonts. However, we have noticed that while some fonts work perfectly fine, others have issues with certain letters like 'd' and 'o' not rendering correctly.
You can observe this problem in the provided fiddle link, where the font is displaying the interior of some letters instead of the exterior.
If anyone can pinpoint the cause of this issue and suggest a better method for displaying text, perhaps by loading an HTML element, we would appreciate your input.
Thank you for your help!
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 );