# \#font-loader

**URL:** https://discourse.threejs.org/tag/font-loader/231.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [FontLoader + vite + github pages returning a 404 for my font](https://discourse.threejs.org/t/fontloader-vite-github-pages-returning-a-404-for-my-font/85730)

<div class="topic-metadata">

**Author:** [@Tamsin](https://discourse.threejs.org/u/Tamsin)\
**Replies:** 14\
**Last updated:** [August 1, 2025, 3:59pm UTC](https://discourse.threejs.org/t/fontloader-vite-github-pages-returning-a-404-for-my-font/85730 "2025-08-01T15:59:50Z")

</div>

Hi there, first off I’m new to three and relatively new to js, so apologies in advance for naivete. When I use build using vite and run the distro locally, I can load my text geometry just fine. However, when I do the s…

---

## [Why I can't Load a font from my npm package?](https://discourse.threejs.org/t/why-i-cant-load-a-font-from-my-npm-package/66580)

<div class="topic-metadata">

**Author:** [@DinankSoni](https://discourse.threejs.org/u/DinankSoni)\
**Replies:** 8\
**Last updated:** [June 11, 2024, 4:33pm UTC](https://discourse.threejs.org/t/why-i-cant-load-a-font-from-my-npm-package/66580 "2024-06-11T16:33:56Z")

</div>

This is my code:- const windowText = async (scene, text, color, x, y, z) =\> { return new Promise((resolve, reject) =\> { // Load a built-in font const loader = new FontLoader(); loader.load( "three/ex…

---

## [Custom fonts TextGeometry often missing geometry and faces](https://discourse.threejs.org/t/custom-fonts-textgeometry-often-missing-geometry-and-faces/15018)

<div class="topic-metadata">

**Author:** [@fuzzy\_wobble](https://discourse.threejs.org/u/fuzzy_wobble)\
**Replies:** 5\
**Last updated:** [February 6, 2024, 2:02pm UTC](https://discourse.threejs.org/t/custom-fonts-textgeometry-often-missing-geometry-and-faces/15018 "2024-02-06T14:02:44Z")

</div>

For example this is supposed to be an “O”. I’ve noticed this issues happens very often with custom fonts that are converted here. What happened ? Must be something simple ?

---

## [Unable to use fontLoader or textGeometry](https://discourse.threejs.org/t/unable-to-use-fontloader-or-textgeometry/35803)

<div class="topic-metadata">

**Author:** [@genzo](https://discourse.threejs.org/u/genzo)\
**Replies:** 5\
**Last updated:** [December 22, 2023, 12:35pm UTC](https://discourse.threejs.org/t/unable-to-use-fontloader-or-textgeometry/35803 "2023-12-22T12:35:58Z")

</div>

I am trying to create some 3d text but I get the following error: Uncaught (in promise) SyntaxError: Unexpected string in JSON at position 2 at JSON.parse (\<anonymous\>) at Object.onLoad (FontLoader.js:34:17) …

---

## [FontLoader + Font.generateShapes and ccw / negative winding glyphs, automatic fix?](https://discourse.threejs.org/t/fontloader-font-generateshapes-and-ccw-negative-winding-glyphs-automatic-fix/57333)

<div class="topic-metadata">

**Author:** [@Tom\_Wilson](https://discourse.threejs.org/u/Tom_Wilson)\
**Replies:** 3\
**Last updated:** [October 28, 2023, 12:53am UTC](https://discourse.threejs.org/t/fontloader-font-generateshapes-and-ccw-negative-winding-glyphs-automatic-fix/57333 "2023-10-28T00:53:15Z")

</div>

Ran into an apparently common issue earlier where glyph curves’ are arranged in reverse with certain fonts. Running Font.generateShapes on these fonts results in text with holes and some inverted looking text. I looked …

---

## [Updating FontLoader difficulties](https://discourse.threejs.org/t/updating-fontloader-difficulties/56317)

<div class="topic-metadata">

**Author:** [@premonitions](https://discourse.threejs.org/u/premonitions)\
**Replies:** 4\
**Last updated:** [September 23, 2023, 8:03pm UTC](https://discourse.threejs.org/t/updating-fontloader-difficulties/56317 "2023-09-23T20:03:50Z")

</div>

Hello all! I am trying to update this threejs version r128 to 141 (rest of the animations on page are 0.141) but am struggling to get this code to work. I know for sure there is an issue with how I am importing FontLoad…

---

## [📦 Importable base64 encoded CC0 assets for THREEJS](https://discourse.threejs.org/t/importable-base64-encoded-cc0-assets-for-threejs/52766)

<div class="topic-metadata">

**Author:** [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Replies:** 1\
**Last updated:** [June 18, 2023, 12:24pm UTC](https://discourse.threejs.org/t/importable-base64-encoded-cc0-assets-for-threejs/52766 "2023-06-18T12:24:10Z")

</div>

the link to the repo: https://github.com/pmndrs/assets a playground: pmndrs assets - CodeSandbox this is not react related. you can use this to quickly gain access to commonly used assets without fearing CDN outages or…

---

## [Font Import Not Found](https://discourse.threejs.org/t/font-import-not-found/52223)

<div class="topic-metadata">

**Author:** [@Michael\_Nicol](https://discourse.threejs.org/u/Michael_Nicol)\
**Replies:** 3\
**Last updated:** [June 1, 2023, 6:41am UTC](https://discourse.threejs.org/t/font-import-not-found/52223 "2023-06-01T06:41:43Z")

</div>

I am attempting to do the following font import: loader.load('three/examples/fonts/gentilis\_bold.typeface.json', function (font) { const txtGeometry = new TextGeometry("Test", { font: font, size: 8…

---

## [Fonts in Three not working in Repl.it](https://discourse.threejs.org/t/fonts-in-three-not-working-in-repl-it/50612)

<div class="topic-metadata">

**Author:** [@BlockLayer2000](https://discourse.threejs.org/u/BlockLayer2000)\
**Replies:** 1\
**Last updated:** [April 20, 2023, 3:58am UTC](https://discourse.threejs.org/t/fonts-in-three-not-working-in-repl-it/50612 "2023-04-20T03:58:28Z")

</div>

Does anyone know why my three.js fonts aren’t working? const loaderF = new THREE.FontLoader(); let regFont; loaderF.load( 'helvetiker\_regular.typeface.json', function ( font) {var mat = {color: 0x787878, metalness: 0.0}…

---

## [Upgradging 3js, Fontloader not a constructor](https://discourse.threejs.org/t/upgradging-3js-fontloader-not-a-constructor/47796)

<div class="topic-metadata">

**Author:** [@hermann](https://discourse.threejs.org/u/hermann)\
**Replies:** 3\
**Last updated:** [February 8, 2023, 9:10pm UTC](https://discourse.threejs.org/t/upgradging-3js-fontloader-not-a-constructor/47796 "2023-02-08T21:10:59Z")

</div>

I am upgrading my 3js to the latest. So I download the latest 3js version from the 3js website. But when I redirect my 3js code to the new version, I get error: THREE.FontLoader is not a constructor I have been googl…

---

## [FontLoader - TypeError: Cannot read properties of undefined (reading 'yMax')](https://discourse.threejs.org/t/fontloader-typeerror-cannot-read-properties-of-undefined-reading-ymax/46923)

<div class="topic-metadata">

**Author:** [@rodrigorod](https://discourse.threejs.org/u/rodrigorod)\
**Replies:** 4\
**Last updated:** [January 16, 2023, 2:01pm UTC](https://discourse.threejs.org/t/fontloader-typeerror-cannot-read-properties-of-undefined-reading-ymax/46923 "2023-01-16T14:01:13Z")

</div>

Hello, I’m trying to instantiate FontLoader, but the console retrieves me an error : Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'yMax') at createPaths (chunk-TVP32DZT.js?v=b2f8a5a7…

---

## [Overload resolution failed?](https://discourse.threejs.org/t/overload-resolution-failed/23614)

<div class="topic-metadata">

**Author:** [@nikhil\_ladhani](https://discourse.threejs.org/u/nikhil_ladhani)\
**Replies:** 2\
**Last updated:** [March 3, 2022, 7:22pm UTC](https://discourse.threejs.org/t/overload-resolution-failed/23614 "2022-03-03T19:22:28Z")

</div>

I am trying to render a TTF Font Loader on a Plane using Promise and converting it to Texture then on the index.js mapping it on a MeshBasicMaterial but gives me the above error fontloader.js const loader = new TTFL…

---

## [Where are located now FontLoader.js and TextGeometry.js?](https://discourse.threejs.org/t/where-are-located-now-fontloader-js-and-textgeometry-js/32478)

<div class="topic-metadata">

**Author:** [@animanoir](https://discourse.threejs.org/u/animanoir)\
**Replies:** 1\
**Last updated:** [December 8, 2021, 9:06am UTC](https://discourse.threejs.org/t/where-are-located-now-fontloader-js-and-textgeometry-js/32478 "2021-12-08T09:06:32Z")

</div>

I always need to move them into their old location because I can’t find them anymore…

---

## [Load font into global variable - efficiency](https://discourse.threejs.org/t/load-font-into-global-variable-efficiency/31608)

<div class="topic-metadata">

**Author:** [@hofk](https://discourse.threejs.org/u/hofk)\
**Replies:** 1\
**Last updated:** [November 9, 2021, 7:29pm UTC](https://discourse.threejs.org/t/load-font-into-global-variable-efficiency/31608 "2021-11-09T19:29:11Z")

</div>

In a project I have a larger number of texts that change dynamically. I have solved this so far with canvas texture. For comparison I have now tried ShapeGeometry. For this I placed a line between the canvas text in my …

---

## [Not able to import 3d text using font loader in vuejs](https://discourse.threejs.org/t/not-able-to-import-3d-text-using-font-loader-in-vuejs/30097)

<div class="topic-metadata">

**Author:** [@Rupam\_Shil](https://discourse.threejs.org/u/Rupam_Shil)\
**Replies:** 6\
**Last updated:** [September 21, 2021, 5:10pm UTC](https://discourse.threejs.org/t/not-able-to-import-3d-text-using-font-loader-in-vuejs/30097 "2021-09-21T17:10:26Z")

</div>

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

---

## [Accessing mesh property outside of THREE.Fontloader()](https://discourse.threejs.org/t/accessing-mesh-property-outside-of-three-fontloader/28705)

<div class="topic-metadata">

**Author:** [@jahboizer](https://discourse.threejs.org/u/jahboizer)\
**Replies:** 3\
**Last updated:** [August 6, 2021, 7:45pm UTC](https://discourse.threejs.org/t/accessing-mesh-property-outside-of-three-fontloader/28705 "2021-08-06T19:45:58Z")

</div>

Hey guys, I was carefully following this thread (Accessing font mesh outside of THREE.Fontloader?) in order to rotate my 3D text mesh and although I have the exact same problem it doesn’t seem to be working for me …

---

## [How to use single font loader multiple times](https://discourse.threejs.org/t/how-to-use-single-font-loader-multiple-times/9818)

<div class="topic-metadata">

**Author:** [@justStarted](https://discourse.threejs.org/u/justStarted)\
**Replies:** 3\
**Last updated:** [September 24, 2019, 1:12pm UTC](https://discourse.threejs.org/t/how-to-use-single-font-loader-multiple-times/9818 "2019-09-24T13:12:22Z")

</div>

i have array of text, i want to display multiple text in scene. For this i am loading the font again and again for each value in array. for(let i=0 ;i\<texts.length-1;i++){ …

---

## [What's a BMFont?](https://discourse.threejs.org/t/whats-a-bmfont/2088)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 2\
**Last updated:** [March 10, 2018, 11:22pm UTC](https://discourse.threejs.org/t/whats-a-bmfont/2088 "2018-03-10T23:22:42Z")

</div>

I’ve been searching for tools to convert from “woff to bmfont”, but results are limited. Is a “BMFont” just short for “bitmap font”, and thus I should use the term “bitmap font” instead? (I’m new to fonts, and want to tr…

---

## [Animation of Text](https://discourse.threejs.org/t/animation-of-text/653)

<div class="topic-metadata">

**Author:** [@LittleUser](https://discourse.threejs.org/u/LittleUser)\
**Replies:** 2\
**Last updated:** [July 26, 2017, 7:14pm UTC](https://discourse.threejs.org/t/animation-of-text/653 "2017-07-26T19:14:48Z")

</div>

I have uploaded the three.js files and directories to my Internet Server last week. The rotation of spheres and cubes functioned without problems. But I cant display text. Thats the solution I have seen in a tutorial: …