bitmap font looks fine at 720p, 1440p and 4k, but bad at 1080p

Summary · qwen2.5:32b

The developer observes that bitmap fonts in a 2D game using Phaser appear distorted at 1080p due to non-integer scaling, while appearing clear at 720p, 1440p, and 4k resolutions. The issue arises because scaling from the base resolution of 1280x720 to 1920x1080 requires a 1.5x factor, leading to poor font rendering; integer scaling improves text quality but introduces black borders at 1080p.

Excerpt

<!-- SC_OFF --><div class="md"><p>i’m making a 2d game in ts + phaser 4. the game base resolution is 1280x720 and i use bitmap text for the ui</p> <p>the weird part is that the font looks good at 720p, 1440p and 4k. at 720p it is 1x, at 1440p it is 2x, at 4k it should be 3x. but on 1080p it looks different and worse, like some glyphs are uneven or broken</p> <p>i think the reason is that 1280x720 to 1920x1080 is 1.5x, so the bitmap font gets scaled by a non-integer value. i tried forcing integer scaling, and the text gets cleaner, but then the game runs at 1x on 1080p and there are black borders around the game. i do not want 1080p players to play with black borders</p> <p>what is the normal way to handle this in a phaser 2d game?</p> <p>should i keep 1280x720 and accept 1.5x scaling on 1080p? should i stop using bitmap text for small ui text and use normal text instead? or is there another setup people usually use for pixel art games with readable ui?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/unkclxwn"> /u/unkclxwn </a> <br /> <span><a href="https://www.reddit.com/r/gamedev/comments/1up1es2/bitmap_font_looks_fine_at_720p_1440p_and_4k_but/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/gamedev/comments/1up1es2/bitmap_font_looks_fine_at_720p_1440p_and_4k_but/">[comments]</a></span>