Not able to import 3d text using font loader in vuejs

Questions
1

Hi, I am trying to create a 3d text using fontloader in my vue app but it is showing this error! Please Help!

image
image902×742 177 KB

image
image987×475 8.52 KB

2

Do you mind sharing the font file Poppins_Regular.json in this topic?

3

looks like a generic 404, path not found. could you verify that in chrome/devtools/networks tab? if you see a red fetch attempt then it’s probably your @/ alias?

4

Sure,Poppins_Regular.json (145.0 KB)

5

i think the path is correct as I am importing a matcap texture also but that is getting load properly, can you please see the below code once,

image
image929×743 205 KB

image
image1485×821 256 Bytes

Only the font is not loading

6

I’m able to load the font into the official webgl_geometry_text example. I’ve just downloaded your font, copied it into the examples/fonts directory of the three.js respository and started the respective local server via npm start.

So there is something wrong with your backend.

7

could you check devtools/network tab?

the font works: Circling birds (forked) - CodeSandbox though you have exported it wrong, i think there’s an option to fix the glitches.