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

Import emoji font to homogenize how the UI looks across platforms #117

Closed
mattdelsordo opened this issue Jan 27, 2019 · 2 comments · Fixed by #136
Closed

Import emoji font to homogenize how the UI looks across platforms #117

mattdelsordo opened this issue Jan 27, 2019 · 2 comments · Fixed by #136
Labels
bug Something isn't working

Comments

@mattdelsordo
Copy link
Owner

mattdelsordo commented Jan 27, 2019

Not every system has super up-to-date emoji fonts which covers the UI in garbage on some devices.

Possible options:
https://www.google.com/get/noto/#emoji-zsye
https://emojisymbols.com/

@mattdelsordo mattdelsordo added the bug Something isn't working label Jan 28, 2019
@mattdelsordo mattdelsordo moved this from To do to In progress in Friendo Development Feb 4, 2019
@mattdelsordo mattdelsordo moved this from In progress to To do in Friendo Development Feb 4, 2019
@mattdelsordo mattdelsordo moved this from To do to In progress in Friendo Development Feb 5, 2019
@mattdelsordo
Copy link
Owner Author

mattdelsordo commented Feb 5, 2019

After fooling around it seems like I have a couple of options:

  1. Use an open source monochrome emoji font and dynamically color different symbols.
  2. Use an open source colored emoji font. https://github.com/EmojiTwo/emojitwo

(the above two options would benefit from finding a font that's compliant with Unicode 11.0 so I can get as many emojis as possible)

  1. Use Twemoji to load in individual emojis as images. https://www.npmjs.com/package/twemoji

4. Use Twemoji Awesome to load in emoji as classes. http://ellekasai.github.io/twemoji-awesome/ no longer maintained

I'm leaning towards option 3 because it would both be the most up-to-date option and also the least amount of stuff to download on the user's end, although it would violate my "don't use libraries if you can help it" rule a bit.

@mattdelsordo
Copy link
Owner Author

mattdelsordo commented Feb 6, 2019

Solution: downloading pngs sourced from here: https://twemoji.maxcdn.com/2/test/preview.html

TODO:

  1. Finish converting unicode to images
    1.5. Are the images crisp enough? Maybe I should try to get a hold of smaller ones.
  2. Add proper twemoji attribution

Friendo Development automation moved this from In progress to Done Feb 6, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Development

Successfully merging a pull request may close this issue.

1 participant