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

Emoji is black and white, without color #14

Closed
xumaozeng opened this issue Aug 21, 2019 · 6 comments
Closed

Emoji is black and white, without color #14

xumaozeng opened this issue Aug 21, 2019 · 6 comments

Comments

@xumaozeng
Copy link

表情怎么变成彩色的,哪个属性控制

@joaoeudes7
Copy link
Owner

Update to lastest version and try this:

add this:

<style lang="scss">
@font-face {
  font-family: NotomojiColor;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdn.glitch.com/61908de1-dd0a-4359-a54b-6cb6d41bb5fd%2FNotoColorEmoji.ttf?1513108808150)
    format("truetype");
}
</style>

@jsoulshine
Copy link

企业微信截图_15668706904444
it works not correctly, how to solve this

@jsoulshine
Copy link

On some notebooks, the display is normal but on some desktops it is abnormal

@joaoeudes7
Copy link
Owner

The idea of ​​the plug-in is to use native system fonts, if the system running the application does not show emoticons, then the reason is that there is no emoji font in the system or browser.
Firefox, for example, uses the twitter emoticon by default :)

If this problem occurs because of a lack of font, you can use external fonts through any of these styles:

<style lang="scss">
@font-face {
  font-family: Twemoji;
  font-weight: 400;
  font-display: swap;
  src: url(https://ucarecdn.com/73cba3b1-b2fa-45d9-89e3-886542974668/)
    format("truetype");
}

/* @font-face {
  font-family: NotomojiColor;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdn.glitch.com/61908de1-dd0a-4359-a54b-6cb6d41bb5fd%2FNotoColorEmoji.ttf?1513108808150)
    format("truetype");
} */
</style>

@joaoeudes7 joaoeudes7 changed the title 表情是黑白的 Emoji is black and white, without color Aug 27, 2019
@RicS12
Copy link

RicS12 commented Sep 20, 2019

From my side this is not working properly. Not even with font-face and adding the 2 external fonts you provided.
image

When I check the emojis.json and the emojis.js from where the packData comes from, I'm getting this:

image
image

There are missing emojis.

  • Browser is Chrome.
  • OS is windows 7 and 10.

If possible, please help so that I can get a full list with color and no missing emojis.

@jmjohnmcgovern707
Copy link

https://missive.github.io/emoji-mart/

native is not showing emoji for some

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

No branches or pull requests

5 participants