Describe the bug
NameLayer's texts (player name and troops count) are blurry when using Safari. This is due to Safari automatically bitmapping the texts and scaling them because of the scale transform this.container.style.transform = `translate(${screenPos.x}px, ${screenPos.y}px) scale(${this.transformHandler.scale})`; from here.
This causes the names to be illegible at the beginning of the game and looking bad after.
To Reproduce
Steps to reproduce the behavior:
- Open https://openfront.io/ using Safari
- Launch a game
Expected behavior
We expect to see the same behavior as with Chrome and Firefox, no blurry text.
Screenshots
Safari:
Chrome:
Desktop (please complete the following information):
- OS: macOS 15.4
- Browser: Safari 18.4
Describe the bug
NameLayer's texts (player name and troops count) are blurry when using Safari. This is due to Safari automatically bitmapping the texts and scaling them because of the scale transform
this.container.style.transform = `translate(${screenPos.x}px, ${screenPos.y}px) scale(${this.transformHandler.scale})`;from here.This causes the names to be illegible at the beginning of the game and looking bad after.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
We expect to see the same behavior as with Chrome and Firefox, no blurry text.
Screenshots
Safari:
Chrome:
Desktop (please complete the following information):