Can't change fontsize of custom .ttf font

[farzher]

@font-face {font-family:"8bit"; src: url("assets/retro.ttf");}

game.add.text gameWidth - 4, 32, '0', {fontSize: '32px', fill: '#fff', stroke: '#222', strokeThickness: 3, font: '8bit'}

 

 

Why is it so small? I can't change the size.

If I remove the font attribute, it goes back to default font, and size works fine

 

If I break the font attribute, by putting in the value 'tfwtwftwftwf'

It goes to some stupid looking font, but still fontsize works fine

So obviously it's recognizing my custom font. Why is the fontsize broken?

I've tried multiple .ttf fonts, they all do this

[drhayes]

Try setting "fontFamily" instead of "font". Or, put more info in the "font" property: "32px 8bit".

[farzher]

fontFamily is not a real thing in Phaser
And I've tried font as "100px 8bit"    "100pt 8bit"

It doesn't affect the fontsize

[MichaelD]

Specifying fontSize on its own never worked for me. This is how it usually works: 

game.add.text(0, 0, "Hello Font!", {                            font: '32px myFont',                            fill: '#000000'                        });

[drhayes]

Not sure what to tell you, but: https://github.com/photonstorm/phaser/blob/63c9d2e88082cef5b702260d463647e1e348f4e3/src/gameobjects/Text.js#L619

[farzher]

So get this; I had to rename the font. Apparently "8bit" and the other name I tried "retro" both don't work in Phaser.

Which is super retarded because they work in the browser fine. Apparently you need to start the font name with an uppercase letter?

Anyway, font works now, but only after a bit, it's first Ariel, then changes to my font later.
I guess my font isn't loaded yet?
I've tried using window.onload before starting Phaser

And even setTimeout with a delay of 2 seconds. Still starts with Ariel font

[drhayes]

Weird!

 

So, check out this example: http://phaser.io/examples/v2/text/google-webfonts Specifically, these comments on lines 7-8:

    //  We set a 1 second delay before calling 'createText'.    //  For some reason if we don't the browser cannot render the text the first time it's created.

I bet you're getting bit by the same thing, which sucks. onload doesn't seem to work for web fonts, which is dumb. Might be stuck using something like this https://github.com/typekit/webfontloader to be sure?