drei.docs

useFont

Uses THREE.FontLoader to load a font and returns a THREE.Font object. It also accepts a JSON object as a parameter. You can use this to preload or share a font across multiple components.

const font = useFont('/fonts/helvetiker_regular.typeface.json')
return <Text3D font={font} />

In order to preload you do this:

useFont.preload('/fonts/helvetiker_regular.typeface.json')

src/core/useFont.tsx

Edit this page