Three.js: Right to left support for texts

[ImanMahmoudinasab]

I need to show some text in Persian/Arabic language. I loaded a font including characters and I used TextGeometry to create a text on the scene:

var loader = new THREE.FontLoader();
loader.load('B Zar_Regular.js', function (font) {
    var textGeo = new THREE.TextGeometry('سلام!', {
        font: font,
        size: 1,
        height: 0.05,
        curveSegments: 12,
    });
    var material = new THREE.MeshNormalMaterial();
    var textMesh = new THREE.Mesh(textGeo, material);
    textMesh.position.x = 15;
    scene.add(textMesh);
});

I was expecting to see سلام! but the output was:

letters are separated and order of characters is reversed mistakenly. After all it seems threejs do not support rtl languages. Am I right or I missed something? Is there any workaround as a quick solution? Thanks.

[mrdoob]

https://stackoverflow.com/questions/44920527/support-for-farsi-arabic-texts-in-three-js

[makc]

Is there any workaround as a quick solution?

raster text with fancy shader maybe? just drawing arabic into canvas works ootb.

[ImanMahmoudinasab]

I answered the SO question it may help some people.