overall loss of quality

[mauro98]

I'm developing an interactive with Phaser but I'm facing an overall loss of quality (images, sprites, texts, etc). Especially rendering text:

    const strtxt = this.game.add.text(0, 0, str, {
      font: 'Open Sans',
      fontSize: 17,
      weight: 400,
    }, text);
    strtxt.align = 'center';
    strtxt.lineSpacing = -4;
    strtxt.anchor.set(0.5, 0);
    strtxt.wordWrap = true;
    strtxt.wordWrapWidth = 300;
    const y = text.getAt(1).height + ((index + 1) * 60);
    strtxt.position.set(250, y);

I would really like to improve the quality, at least for the text.
What can I do?

[espace]

use bitmapfonts it's an image of your font

example :

https://phaser.io/examples/v2/loader/load-bitmap-font

to create bitmapfonts with an existing font :

http://kvazars.com/littera/