Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text changes position on Apple devices #7418

Closed
Alaadel opened this issue Sep 24, 2023 · 2 comments
Closed

Text changes position on Apple devices #7418

Alaadel opened this issue Sep 24, 2023 · 2 comments

Comments

@Alaadel
Copy link

Alaadel commented Sep 24, 2023

Problem description

Text position is different between editor, windows, android vs. apple devices. Text shape is bolder and more ugly. It makes Text objects basically unusable in professional projects targeting multiple platforms.

Attach a .c3p

test_font.zip

Steps to reproduce

  1. Check text position in the editor (using the grid)
  2. Preview on windows
  3. Preview on Mac, iPad, or iPhone

Observed result

On Apple devices, the text is not aligned as the windows version.

Win 10 (Same as editor):
win10_chrome

Apple devices:
iPad_landscape
iPhone_landscape

Expected result

Text aligns consistently on all devices.

More details

Affected browsers/platforms:

First affected release:

System details

View details

PASTE HERE

@AshleyScirra
Copy link
Member

This is another duplicate of #6137. I'm afraid it's a known issue and the problem is browsers do not yet agree on how vertical measurement/alignment of text works. I'm also currently trying to get browser makers to improve the situation with this Interop 2024 proposal.

@Alaadel
Copy link
Author

Alaadel commented Sep 26, 2023

Thank you.
I am curious why sites like Google Fonts render the font correctly on all platforms while Construct can't?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants