# How to pre-preload bitmap fonts

**URL:** <https://phaser.discourse.group/t/how-to-pre-preload-bitmap-fonts/2198>\
**Category:** Phaser 3\
**Created:** [April 21, 2019, 7:44pm UTC](https://phaser.discourse.group/t/how-to-pre-preload-bitmap-fonts/2198 "2019-04-21T19:44:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![User1](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@User1](https://phaser.discourse.group/u/User1)\
**Post date:** [April 21, 2019, 7:44pm UTC](https://phaser.discourse.group/t/how-to-pre-preload-bitmap-fonts/2198/1 "2019-04-21T19:44:06Z")

</div>

Hello, I use this code to pre-preload graphics in loading scene.

```
constructor()
{
    super({
        
        key : 'loading',
        pack : 
        {
            files : 
            [
                { type: 'image', key: 'preloader1', url: 'images/preloader1.png' },
                { type: 'image', key: 'preloader2', url: 'images/preloader2.png' },
            ] 
        }
    })
}

```

So, “pack files” acts like a pre-preloader, but I don’t know how to load bitmap fonts instead of loadingbar images? How to set type and url?

---

<div class="post-metadata">

**Author:** ![prob](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/prob/32/628_2.png) [@prob](https://phaser.discourse.group/u/prob)\
**Post date:** [April 21, 2019, 11:31pm UTC](https://phaser.discourse.group/t/how-to-pre-preload-bitmap-fonts/2198/2 "2019-04-21T23:31:36Z")

</div>

```
{ "type": "bitmapFont",
  "key": "fontKey",
  "textureURL": "fonts/bitmap/fontFile.png",
  "fontDataURL": "fonts/bitmap/fontFile.xml" }
```

---

<div class="post-metadata">

**Author:** ![User1](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@User1](https://phaser.discourse.group/u/User1)\
**Post date:** [April 22, 2019, 3:38pm UTC](https://phaser.discourse.group/t/how-to-pre-preload-bitmap-fonts/2198/3 "2019-04-22T15:38:03Z")

</div>

Cheers 😀