FontLoader using react-three-fiber API

[joeg27]

Hi,

I am trying to display 3D text in my application which would use the following three.js code:

`const loader = new THREE.FontLoader();

loader.load('../resources/threejs/fonts/helvetiker_regular.typeface.json', (font) => {
const text = 'three.js';
const geometry = new THREE.TextBufferGeometry(text, {
font: font,
size: 3,
height: 0.2,
curveSegments: 12,
bevelEnabled: true,
bevelThickness: 0.15,
bevelSize: 0.3,
bevelSegments: 5,
});
...
});`

How would I go about implementing using the react-three-fiber API?

Thanks.

[drcmda]

either in the same way you do it above, or declaratively: https://codesandbox.io/s/r3f-gltf-fonts-c671i?file=/src/Text.js