Font style from google fonts doesn't work as expected

Phaser 3
1

Hello, dear community! Could you help me with my problem? I want to use different font styles that are loaded from Google.
for example this one

I’ve added all links to the index.html and style.css
also, I made a div with this font to ensure that the font is loaded.

when I try to use it in phaser like this

this.testText = this.add.text(
				100, 100
				'Test',
				{
					fontFamily: 'Murecho',
					fontSize: '64px',
					fontWeight: '900', // it doesn't work 
                    fontStyle: 'black', // also doesn't work 
                    fontStyle: 'bold', // works but I want to use another style 
				}
			)

So I don’t know how to use styles like ‘Light’ or ‘ExtraLight’.
Can you explain this?

2

Check out this topic:
https://phaser.discourse.group/t/using-fontweight-for-text-on-phaser/14603

You can also view my font download add-on
https://github.com/Qugurun/Phaser3-Font-Loader-Plugin

1 Like
3

thank you!