rsheeter
commented
4 years ago In addition to the file size issue color fonts and browser support is not a fun game to play right now. https://www.colorfonts.wtf/#section4, Noto Emoji currently builds to CBDT.
I believe you can accomplish what you want by doing something like:
- Run the build (https://github.com/googlefonts/noto-emoji#building-notocoloremoji)
- Grab the compressed copies of the pngs from ... I want to say
build/compressed_pngs- The build will sort out the flag file names along the way.
- Drop fe0f from your emoji sequences; Noto Emoji files are consistently unqualified
Depending on your use case it might make sense to use the svgs instead of the pngs.
nunoperalta
guidotheelen
Hello,
I am looking into converting my website's Emoji characters into the PNGs used by Google Noto Emoji. (I don't want to use the Font, as it would be an extra ~10MB to load on the webpage, for every user)
I have, however, some questions:
'1) Is there a way I can generate a "regex" that is compatible with your codepoints?
Something similar to this Twemoji's regex: https://github.com/twitter/twemoji-parser/blob/master/src/lib/regex.js
'2) I was attempting to use Twemoji's regex to convert. It DOES work for 95% of the emoji.
However,
2.1) None of the flags work. That's because the PNG of your flags don't have the codepoints in their file names: https://github.com/googlefonts/noto-emoji/tree/master/third_party/region-flags/png
Any way I can convert the file names into the proper codepoints? (other than manually!)
2.2) Some codepoints seem to be inconsistent. For example, this emoji:
https://github.com/googlefonts/noto-emoji/blob/master/png/128/emoji_u1f937_1f3fb_200d_2640.png 1f937_1f3fb_200d_2640.png
Seems to be missing "_fe0f" at the end of the file name.
In Emojipedia's list, the Emoji file name seems to have that suffix: https://emojipedia.org/google/
https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/72/google/241/woman-shrugging-light-skin-tone_1f937-1f3fb-200d-2640-fe0f.png 1f937-1f3fb-200d-2640-fe0f.png
--
In summary, what I'm asking is:
1) a way to convert Emoji characters into codepoints
2) a list of PNG files with filenames compatible with those codepoints
Please let me know if it's possible to reach this.
Thank you very much.