# 𝔽 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:** 10

<div class="post-metadata">

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

</div>

What you are describing sounds more interesting than what I’ve found:  
three.js-displacement-map  
[http://meetar.github.io/three.js-displacement-map/three.js-displacement-gui.html](http://meetar.github.io/three.js-displacement-map/three.js-displacement-gui.html)  
 ![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/3/3a2bcfa72b36f156b3d0af8644ae24f280929528.png)  
[https://github.com/meetar/three.js-displacement-map](https://github.com/meetar/three.js-displacement-map)

Which uses an image and i’m able to generate quickly, more interested in editing with text which sounds like the CanvasSprite/CanvasTexture can provide - YAY!!!  
 ![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/7/7a4cdf8bdbe2ae3b78c3dd8aebda80038f2cfe80.png)

---

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