# 𝔽 How many ways to load a font in Three.js?

**URL:** <https://discourse.threejs.org/t/how-many-ways-to-load-a-font-in-three-js/2054>\
**Category:** Resources\
**Tags:** fonts-text\
**Created:** [March 6, 2018, 11:34pm UTC](https://discourse.threejs.org/t/how-many-ways-to-load-a-font-in-three-js/2054 "2018-03-06T23:34:24Z")\
**Posts on this page:** 1\
**Showing post:** 17

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [March 7, 2018, 10:39am UTC](https://discourse.threejs.org/t/how-many-ways-to-load-a-font-in-three-js/2054/17 "2018-03-07T10:39:59Z")

</div>

**In addition to the collection of fonts.**

When I started out with three.js, I made a font with balls. ![20180307-1123-5535](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/0/07e944c3be5110f0628bcf528a7bc4ee7be9c830.png)

It is mostly in German, but certainly understandable.  
[http://threejs.hofk.de/display/display.html](http://threejs.hofk.de/display/display.html)

The font can be edited easily. It is in a simple text file.  
This allows you to design your own characters.  
You can use other objects instead of the three.js-spheres. For example, hexagons of lines.

![20180307-1135-51998](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/4/484c2c520323bd720982b041671e28337059a413.png)

Excerpt from the font definition.

![20180307-1128-47349](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/1/19190424ad797acd87c86b7e9588fcf032fae38c.png)

---

_[View the full topic](https://discourse.threejs.org/t/how-many-ways-to-load-a-font-in-three-js/2054)._