Изменить шрифт-семью для текста текстуры в three.js

Question

Я использую плагин «threex.dynamictexture.js» в своем приложении и испытываю некоторые проблемы с загрузкой моего шрифта (у меня проблемы даже с использованием существующего helvetiker_bold.typeface.json). Я использую следующий шаблон:

function loadFont() { 

       var loader = new THREE.FontLoader(); 
       loader.load('/threejs/fonts/helvetiker_bold.typeface.json', function (font) { 

        dynamicTexture = new THREEx.DynamicTexture(canvasWrapper.offsetWidth,canvasWrapper.offsetHeight); 
//     dynamicTexture.context.font = 'bolder 90px Helvetiker'; 
        var geometry2 = new THREE.SphereGeometry(5, 100, 100); 
        var material2 = new THREE.MeshBasicMaterial({ 
         map : dynamicTexture.texture 
        }); 
        var mesh2 = new THREE.Mesh(geometry2, material2); 
        console.log(font); 

        dynamicTexture.texture.needsUpdate = true; 
        mesh2.position.set(10, 10, 10); 
        scene.add(mesh2); 

        dynamicTexture.drawText('Hello', 100, 300, 'black', 'bolder 90px helvetiker'); 


       }); 
      } 

После этого я могу смотреть визуализации текста текстуры на моей геометрии, но семейство шрифтов по-прежнему по умолчанию. И если я использую Arial вместо Helvetiker (или helvetiker), то визуализированный текст станет Arial.

Я искал всюду, но нашел только о решении TextGeometry. Кстати, я мог загружать семейство шрифтов с помощью загрузчика TextGeometry. Вы можете мне помочь? Благодаря!

Answer 1

Кажется, вы смешиваете системные шрифты с шрифтами three.js.

helvetiker_bold.typeface.json не имеет ничего общего с Helvetiker.ttf. Он предназначен для использования для TextGeometry. Чтобы рисовать с помощью «Helvetiker» на холсте, вы должны добавить/установить Helvetiker.ttf в шрифты вашей системы.

Если вы используете его для себя, это нормально, если вы найдете и установите необходимый шрифт. Но другие пользователи, у которых нет такого шрифта в своей системе, будут видеть записи с шрифтом по умолчанию.

Решение состоит в том, чтобы найти шрифт из стандартных системных шрифтов, который более или менее похож на Helvetiker (или шрифт, который вы хотели бы использовать/видеть).