## Displaying text

The Graphic Entity Module includes two different classes to display text, here's how they work.

### Text

The basic class to display text, it will be displayed as a label in the viewer.

graphicEntityModule.createText("Hello World")
.setFontFamily("Lato")
.setStrokeThickness(5) // Adding an outline
.setStrokeColor(0xffffff) // a white outline
.setFontSize(50)
.setFillColor(0x000000); // Setting the text color to black


The only font family values that will work are: "Lato" and those that are available by default on all browsers. If the browser does not recognise the font family, it will be displayed in a fallback font chosen by the browser.

### BitmapText

This class is used to display text using a bitmap font in your assets folder.

graphicEntityModule.createBitmapText()
.setText("Hello World")
.setFont("myCustomFont")
// Assuming that you have a working 'myCustomFont.fnt' and 'myCustomFont.png' in your assets folder
.setFontSize(50)
.setTint(0xff0000); // Tinting it in red


Extra tips :

• A little help to turn fonts into bitmap fonts : http://kvazars.com/littera/
• You can put your font in a sub folder of the assets repository whithout modifying any code
Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
Join the CodinGame community on Discord to chat about puzzle contributions, challenges, streams, blog articles - all that good stuff!
Online Participants