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.

Sign up for GitHub

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

Jump to bottom

bug on css emoji font #39

Closed
sbarex opened this issue Jan 3, 2021 · 2 comments
Closed

bug on css emoji font #39

sbarex opened this issue Jan 3, 2021 · 2 comments

Comments

@sbarex
Copy link
Owner

sbarex commented Jan 3, 2021 •
edited
Loading

The document font is set to -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji, Segoe UI Emoji;.

In this way some emoji are rendered with system font and not the apple color. For example the heart.

heart

Two solutions:

  • encapusulte the emoji inside a <span class="emoji">❤</span> and customize the font for the class in the CSS
  • change the document font to 'Apple Color Emoji, Segoe UI Emoji, -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif'. In this way I do not know if the are others unwanted effects.

@hazarek what do you think?
@sbarex sbarex mentioned this issue Jan 4, 2021
Closed
@setanarut
Copy link
Contributor

setanarut commented Jan 4, 2021 •
edited
Loading

@sbarex I don't even know how emojis works, I use emoji very rarely. I have no idea. I guess the second option seems to be better.

@sbarex
Copy link
Owner Author

sbarex commented Jan 4, 2021

Latest commit to the emoji extension fix this bug without edit the CSS style.

@sbarex sbarex closed this as completed Jan 4, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@sbarex @setanarut