Text cut out with webfont

[MichaelD]

Hello,

 

I'm having trouble with a webfont, it appears to be cropped on the bottom mostly the "p"s. Also the Phaser example seems to have that problem: http://examples.phaser.io/_site/view_full.html?d=text&f=google+webfonts.js&t=google%20webfonts

 

 

Is there a work around that?

 

here's my code

game.add.text(0, 0, "test text with power", {        font: '38px FontdinerSwanky',        fill: '#f1f1f1',        fontWeight: 'bold',        align: 'center',        stroke: '#1e1e1e',        strokeThickness: 3    });

Thanks for your help!

 

Here is a screenshot

 

[MichaelD]

Any ideas from anyone, is this a common issue?

 

I have also tried to place the text inside a group with fixed dimentions but that did not help either.

[Gregory]

I also experienced the same thing and I did not find a work around.

[MichaelD]

Finaly I had to convert all my fonts as bitmap fonts and use that. It really is a strange issue and a quite important one.

 

I'll post an issue at github also.

 

Edit

 

The issue can be found here: https://github.com/photonstorm/phaser/issues/1518

[hyude]

So, is there any solution for this which doesn't change the font into BitmapFonts? I also encounter this bug, and search for a quick fix.

[MichaelD]

I didn't find any solution yet. I believe this is a Pixi issue as well. I converted my fonts to bitmap using http://kvazars.com/littera/

[Eraph]

I stumbled upon this post looking for a solution to another problem I'm having with webfonts, but if this is still relevant, have you tried setting padding?

 

http://phaser.io/examples/v2/text/text-padding

[ZackNVISIA]

On 7/28/2015 at 12:16 AM, Eraph said:

I stumbled upon this post looking for a solution to another problem I'm having with webfonts, but if this is still relevant, have you tried setting padding?

 

http://phaser.io/examples/v2/text/text-padding

The seemingly useful line 45

```

text.padding.set(10, 16);

```

Doesn't actually do anything.