Skip to content

NameLayer's texts are blurry when using Safari #758

@b5i

Description

@b5i

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:

  1. Open https://openfront.io/ using Safari
  2. Launch a game

Expected behavior
We expect to see the same behavior as with Chrome and Firefox, no blurry text.

Screenshots
Safari:
Image
Image

Chrome:
Image
Image

Desktop (please complete the following information):

  • OS: macOS 15.4
  • Browser: Safari 18.4

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

Status

Triage

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions