Lila: Icons not rendering right on iOS14 browsers
Since the iOS14 update, the fonts/userstyle images are not rendering properly on chrome/Firefox/safari.
Image is from my Firefox browser
floydAkash
All 14 comments
floydAkash
on 17 Sep 2020
floydAkash
on 17 Sep 2020
floydAkash
on 17 Sep 2020
Can confirm on iPadOS 14 too.
lukhas
on 17 Sep 2020
Was reported while still IOS14 was still in beta, I thought it would have been fixed (by Apple) for the final release: https://github.com/ornicar/lila/issues/7193
kraktus
on 17 Sep 2020
They did rush with the release monkaS
floydAkash
on 17 Sep 2020
Can reproduce with Browserstack. Same when using woff instead of woff2.
niklasf
on 17 Sep 2020
Make sure to report it to Apple/iOS.
ornicar
on 23 Sep 2020
Here's how https://lichess1.org/assets/oops/font.html looks like in iOS 14
ornicar
on 28 Sep 2020
I sent the details and linked this issue on the apple feedback assistant page. Let's hope they act on it.
floydAkash
on 28 Sep 2020
Also the fact that some of the icons on https://lichess1.org/assets/oops/font.html are properly aligned gives some hope that there might be a workaround. But what is special about them?
niklasf
on 28 Sep 2020
it seems to me they're all mis-aligned, until the developer icon (tools on D3), then they're all correctly aligned.
ornicar
on 28 Sep 2020
the same icons are indeed aligned or misaligned when used in the site. I'm going to try some tweaks based on that.
ornicar
on 28 Sep 2020
Fixed with hours of suffering and https://github.com/ornicar/lila/commit/7618f418ff6e199f4995313e3bc3be0b082eee48
ornicar
on 29 Sep 2020
Related issues
aloisdg
路
4Comments
nojoking
路
4Comments
Cristian-A
路
3Comments
ddugovic
路
4Comments
Cristian-A
路
3Comments
Most helpful comment
I sent the details and linked this issue on the apple feedback assistant page. Let's hope they act on it.