ciderapp / Apple-Music-Electron

Apple Music Electron is now deprecated. See our new project Cider https://github.com/ciderapp/Cider
https://cider.sh
MIT License
841 stars 63 forks source link

[BUG] "Apple Color Emoji" causes incorrect word spacing on all pages and elements #374

Closed btglr closed 3 years ago

btglr commented 3 years ago

Describe the bug Words are spaced out way too much.

To Reproduce Steps to reproduce the behavior:

  1. Use the Developer Tools and select any element with text
  2. Find the html selector with the font-family property
  3. Set "Apple Color Emoji" as the first font i.e. "Apple Color Emoji","SF Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif

Expected behavior Words are spaced out normally.

Screenshots Screenshot_5

Environment Information

Additional context Changing the font-family property from -apple-system,BlinkMacSystemFont,"Apple Color Emoji","SF Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif to -apple-system,BlinkMacSystemFont,"SF Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif fixed the problem in my case:

Screenshot_7

Have you followed the troubleshooting guide and checked for any outstanding/pinned issues that can help? Troubleshooting guide can be found here. Yes

booploops commented 3 years ago

This explains a lot

booploops commented 3 years ago

Under the devtools, what is the "platform" attribute set to on the body tag?

btglr commented 3 years ago

Under the devtools, what is the "platform" attribute set to on the body tag?

It's set to Linux x86_64. I also just installed the font and the problem is still present.

booploops commented 3 years ago

I just pushed a commit to test this out, give it a try.

btglr commented 3 years ago

Fixed! That was quick haha. Thank you!