尝试在three.js中添加自定义字体

Question

尝试添加我自己的自定义字体，但没有任何显示我认为它崩溃了？？，有没有办法让three.js 来呈现我的字体：自定义字体

"{%static "js/pink.json"%}" --> 这是 django 的模板标记。

var loader = new THREE.FontLoader();

var font = loader.load( "{%static "js/pink.json"%}", function ( font ) {

var textGeo = new THREE.TextGeometry( "My Text", {

    font: font,

    size: 3,
    height: 3,


} );

var textMaterial = new THREE.MeshPhongMaterial( { color: 0x000000 } );

var mesh = new THREE.Mesh( textGeo, textMaterial );
mesh.position.set( x, y, z );

scene.add( mesh );

我也收到这些错误：浏览器崩溃和重复点

Answer 1

非常感谢@prisoner849，它的工作！

JSON格式文件转换链接：gero3.github.io/facetype.js

我将 .ttf 文件转换为 .json 文件，它与“三个 js”的“THREE.FontLoader”完美配合！

var loader = new THREE.FontLoader();
loader.load( 'font_file_name.json', function ( font ) { ... }