Три JS шрифт не распознан

Question

Я пытаюсь использовать TextGeometry, чтобы добавить текст в мой проект

var shape = new THREE.TextGeometry('Hello, World!', { 
     size: 60, 
     height: 20, 
     curveSegments: 3, 
     font: 'helvetiker', 
     weight: 'normal', 
     bevelThickness: 3, 
     bevelSize: 3, 
     bevelEnabled: true 
    }); 
    var wrapper = new THREE.MeshNormalMaterial({color: 0x00ff00}); 
    var words = new THREE.Mesh(shape, wrapper); 
    scene.add(words); 

Я получаю ошибку из консоли «Шрифт Helvetiker с нормальным весом и обычным стилем отсутствует.»

Я включил шрифт и Typeface.js в HTML и они были загружены правильно

<script src="http://typeface.neocracy.org/typeface-0.15.js"></script> 
    <script src="http://mrdoob.github.com/three.js/examples/fonts/helvetiker_regular.typeface.js"></script> 

Если кто-то может мне точку в правильном направлении, что было бы здорово!

Answer 1

Этот fiddle показывает рабочий пример вашего кода.

var shape = new THREE.TextGeometry("Hello, World!", { 
    size: 60, 
    height: 20, 
    curveSegments: 3, 
    font: 'helvetiker', 
    weight: 'normal', 
    bevelThickness: 3, 
    bevelSize: 3, 
    bevelEnabled: true 
}); 

Включение библиотеки гарнитуры может быть проблема

Answer 2

Я добавлял файл шрифта до включения трех JS. Добавив это после трех js исправил вопрос