# Help! My text doesnt show-up

**URL:** <https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336>\
**Category:** Phaser 3\
**Created:** [February 21, 2019, 6:44pm UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336 "2019-02-21T18:44:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kanatos-kun](https://avatars.discourse-cdn.com/v4/letter/k/d26b3c/32.png) [@kanatos-kun](https://phaser.discourse.group/u/kanatos-kun)\
**Post date:** [February 21, 2019, 6:44pm UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336/1 "2019-02-21T18:44:32Z")

</div>

when i first load my webpage,my text is not show. There’s little pixel.

vers. with bug :  
 ![screen_pb1](https://global.discourse-cdn.com/free1/uploads/phaser1/original/1X/b6750e9f2df106aad43613f1687e612ac072a353.gif)

vers after reload the webpage :  
 ![screen_pb2](https://global.discourse-cdn.com/free1/uploads/phaser1/original/1X/17221764420b4628d754d9230981068d43f1c97a.gif)

How do i do for my text to show-up when i load my webpage the first time?  
(sorry for bad english :x)

---

<div class="post-metadata">

**Author:** ![Olf](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/olf/32/213_2.png) [@Olf](https://phaser.discourse.group/u/Olf)\
**Post date:** [February 21, 2019, 7:16pm UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336/2 "2019-02-21T19:16:30Z")

</div>

Hi, show us how you add text, please.

---

<div class="post-metadata">

**Author:** ![kanatos-kun](https://avatars.discourse-cdn.com/v4/letter/k/d26b3c/32.png) [@kanatos-kun](https://phaser.discourse.group/u/kanatos-kun)\
**Post date:** [February 21, 2019, 7:44pm UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336/3 "2019-02-21T19:44:09Z")

</div>

```
                this.textConfig = [
                            {
                                        color: '#ffffff',
                                        fontSize:20,
                                        fontFamily: "Gadugi"
                            },
                            { color: '#ffffff',
                                        fontSize:14,
                                        fontFamily: "Gadugi,Georgia, serif"
                            }
                ]

```

> ```
> this.debugText={
> heroPositionX:this.add.text(-this.game.config.width,
> 0,"position X hero: " + this.hero.x,this.textConfig[1]),
> heroPositionY:this.add.text(-this.game.config.width,
> 20,"position Y hero: " + this.hero.y,this.textConfig[1]),
> information:this.add.text( -this.game.config.width,
> 40,"click 'C' for debug tile : " + this.showDebug,this.textConfig[1])
> };
> this.debugText.heroPositionX.setDepth(999);
> this.debugText.heroPositionY.setDepth(999);
> this.debugText.information.setDepth(999);
> 
> ```

my font police is loaded in the index.html file like this :

```
   <style>
     @font-face{
                 font-family:Gadugi;
                 src:url(assets/fonts/gadugi.ttf);
     }
  </style>

```

---

<div class="post-metadata">

**Author:** ![Olf](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/olf/32/213_2.png) [@Olf](https://phaser.discourse.group/u/Olf)\
**Post date:** [February 21, 2019, 8:46pm UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336/4 "2019-02-21T20:46:02Z")

</div>

Maybe “Gadugi” is not ready on the first page load. Can you do a test with a font already available, like “Arial” or “serif” ?

---

<div class="post-metadata">

**Author:** ![jjcapellan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jjcapellan/32/542_2.png) [@jjcapellan](https://phaser.discourse.group/u/jjcapellan)\
**Post date:** [February 21, 2019, 9:05pm UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336/5 "2019-02-21T21:05:02Z")

</div>

Hi @kanatos-kun,  
You can integrate the font load into Phaser. In this way you ensure the availability of the font before adding the text.  
You can see how it works in this [example](http://labs.phaser.io/edit.html?src=src/game%20objects%5Ctext%5Cstatic%5Ccustom%20webfont.js).  
Regards.

---

<div class="post-metadata">

**Author:** ![kanatos-kun](https://avatars.discourse-cdn.com/v4/letter/k/d26b3c/32.png) [@kanatos-kun](https://phaser.discourse.group/u/kanatos-kun)\
**Post date:** [February 22, 2019, 11:27am UTC](https://phaser.discourse.group/t/help-my-text-doesnt-show-up/1336/6 "2019-02-22T11:27:56Z")

</div>

Yeah thanks @Olf, @jjcapellan for the help!  
Putting webfont script correct the things 🙂