Blurred text on HTML5 target

[Exocube]

So I'm trying to make a low resolution game in HaxeFlixel and text seems to be blurry on HTML5 (Chrome only) target. It looks sharp as expected on Flash, Neko and C++ also on Firefox and Edge.

Haxelib: 3.2.0-rc.3

Lime: 2.9.1

OpenFL: 3.6.1

Flixel: 4.0.1

class Main extends Sprite

{

public function new()

{

super();

addChild(new FlxGame(128, 128, MenuState, 1, 60, 60, true, false));

}

}

class MenuState extends FlxState

{

override public function create():Void

{

super.create();

add(new FlxButton(0, 0, "Play")); // "Play" blurred

add(new FlxText(0, 30, 0, "TEXT")); // "TEXT" blurred

add(new FlxSprite(50.5, 50.5, "assets/images/character.png")); // Sprite looks as expected

}

override public function update(elapsed:Float):Void

{

super.update(elapsed);

}

}

Project.xml:

<?xml version="1.0" encoding="utf-8"?>

<project>

<app title="FlxProject" file="FlxProject" main="Main" version="0.0.1" company="HaxeFlixel" />

<app preloader="flixel.system.FlxPreloader" />

<set name="SWF_VERSION" value="11.8" />

<window width="640" height="640" fps="60" background="#000000" hardware="true" vsync="true" />

<window width="640" height="640" fps="60" background="#000000" hardware="true" vsync="true" />

<window if="html5" resizable="false" />

<window if="desktop" orientation="landscape" fullscreen="false" resizable="true" />

<window if="mobile" orientation="landscape" fullscreen="true" width="0" height="0" />

<set name="BUILD_DIR" value="export" />

<classpath name="source" />

<assets path="assets" />

<haxelib name="flixel" />

<haxedef name="FLX_NO_MOUSE" if="mobile" />

<haxedef name="FLX_NO_KEYBOARD" if="mobile" />

<haxedef name="FLX_NO_TOUCH" if="desktop" />

<haxedef name="FLX_NO_DEBUG" unless="debug" />

<haxedef name="NAPE_RELEASE_BUILD" unless="debug" />

</project>