+
104
-

回答

three加载的是json格式的字体文件,示例代码:

import * as THREE from 'three';
import { FontLoader } from 'three/addons/loaders/FontLoader.js';
import { TextGeometry } from 'three/addons/geometries/TextGeometry.js';

const loader = new FontLoader();
loader.load('path/to/yourfont.json', function (font) {
    const geometry = new TextGeometry('你好Three.js', {
        font: font,
        size: 50,
        height: 10,
        curveSegments: 12,
        bevelEnabled: true,
        bevelThickness: 2,
        bevelSize: 1,
        bevelSegments: 5
    });

    const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
    const textMesh = new THREE.Mesh(geometry, material);
    scene.add(textMesh);
});

这个网站可以在线将字体转换成json格式

https://gero3.github.io/facetype.js/

800_auto

网友回复

我知道答案,我要回答