Javascript 加载三个js 3d文本的字体

我试图使用一段简单的代码来呈现3d文本，但无法加载获取错误

XMLHttpRequestfile:///Users//threejs/fonts/helvetiker_regular.typeface.json. 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。

var loader = new THREE.FontLoader();
loader.crossOrigin = '';

loader.load( 'fonts/helvetiker_regular.typeface.json', function ( font ) {

    // your code here
    var material = new THREE.MeshPhongMaterial({
          color: 0xdddddd
        });
        var textGeom = new THREE.TextGeometry( 'Hello World!', {
          font: '' // Must be lowercase!
        });
        var textMesh = new THREE.Mesh( textGeom, material );

        scene.add( textMesh );

        // Do some optional calculations. This is only if you need to get the
        // width of the generated text
        textGeom.computeBoundingBox();
        textGeom.textWidth = textGeom.boundingBox.max.x - textGeom.boundingBox.min.x;

} );

这似乎是一个常见的问题，只是从谷歌搜索这个，但不明白什么是我的代码不同

我甚至尝试过这样做，他们用

导入字体，但这对我也不起作用。我得到一个错误

elvetiker\u regular.typeface.json:1未捕获的语法错误：意外标记：

---

我哪里出错了？

可能

font://必须是小写

应该是

font:font

，因为您从回调函数中获得

font

，并且根据，您必须将其放入

THREE.TextGeometry（）

的参数中。THREE.js文档中也可能有重复的内容。@PeterO。应该加上这个作为答案..也许

font:'//必须是小写的

应该是

font:font

，因为您从回调函数中获得

font

，并且根据，您必须将其放入

THREE.TextGeometry（）

的参数中。THREE.js文档中也可能有重复的内容。@PeterO。应该加上这个作为答案。。