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