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/
网友回复


