Feature Request: Chrome/Android CBDT format font

[bfayers]

Hi! I was just wondering how close CBDT may be? I've made a Magisk module out of Twemoji but they're just in black and white, because, well cbdt. I was wondering if you knew anything further on this?

[13rac1]

I want to, but need to find the time. Many other projects have been in the way.

[bfayers]

@eosrei I hope you find time soon to work on this, so far you've done great work.

[tmolitor-stud-tu]

How do you build the font files?
Is there anything I can do to help getting this issue solved?

[bepvte]

https://github.com/googlei18n/nototools you might be able to use some of the tooling from googles noto project, which is the most popular font supporting this format

[filipkemuel]

I managed to build a CBDT font from the svg's.
It's a bit of a hack.. and I don't know if the font is exactly the way it is supposed to be but it works well for me in Gnome Shell.

I did it by downloading the source for the "Noto Color Emoji": https://github.com/googlei18n/noto-emoji
Then renaming the twitter svg's to match the ones there.
I exported them all as png with Inkscape and copied them to png/128 in the noto-emoji folder.
I then replaced the values of NotoColorEmoji.tmpl.ttx.tmpl and renamed the file.
I removed the lines from the makefile that had to do with flags and removed all the substitutions from emoji_aliases.txt
And ran make.

TwitterColorEmojiCBDT.zip

[S0G047]

There's a package on Fedora that has this https://apps.fedoraproject.org/packages/twitter-twemoji-fonts
Click the latest version and there's a TTF file in the noarch RPM.

[13rac1]

A much better solution is adding SVGinOT/SVG-in-OpenType support to Chrome/Chromium and Electron. Star this issue to raise the priority https://bugs.chromium.org/p/chromium/issues/detail?id=306078

[phseiff]

It's not an OpenType-SVG file, admittedly, but rather COLR/CPCAL, but if your only concern is having a .ttf-file that works on all browsers, you might also be able to use this solution (easier to download from here, though).

According to https://www.colorfonts.wtf/, COLR/CPCAL is already supported on Chromium & Co.:

[Crissov]

COLRv0 is now supported basically everywhere.

https://caniuse.com/colr

COLRv1 makes more sense for emojis and will probably be supported by browsers eventually. It is almost as powerful as SVGinOT.

[13rac1]

Eh... COLR works for flat emoji like twemoji, but not anything with depth/gradients like gradiently. It would work with multicoloure or reinebow though 🤷🏼

The problem is literally only Chromium, therefore Chrome/Edge. Even Adobe software such as Photoshop supports OpenType-SVG. A Python SVG -> stacked glyphs library could be created or even just added to scfbuild. My todo list already seems infinite, so I won't to get doing that on a timeline anyone is happy with 😆

[Crissov]

OpenType 1.9 updates COLR to support gradients etc., which is frequently dubbed ”COLRv1“.

https://docs.microsoft.com/en-us/typography/opentype/otspec190alpha/ot190alpha

[pointydev]

A much better solution is adding SVGinOT/SVG-in-OpenType support to Chrome/Chromium and Electron. Star this issue to raise the priority https://bugs.chromium.org/p/chromium/issues/detail?id=306078

As of comment 62 on the aforementioned issue, future OT-SVG support in Chromium is basically dead in the water. May want to consider biting the bullet with COLRv1.

[13rac1]

The proposal has not been approved yet. I will wait. Proposed spec: googlefonts/colr-gradients-spec

Chrome Feature Status: https://www.chromestatus.com/feature/5638148514119680
Firefox Standard Position (TBD): mozilla/standards-positions#497
Apple Standard Position (Negative): https://lists.webkit.org/pipermail/webkit-dev/2021-March/031765.html
Microsoft Standard Position (Positive): https://lists.webkit.org/pipermail/webkit-dev/2021-April/031789.html

As Myles@Apple says, it seems like reinventing the wheel to me at first take. I'll consider this further 🤔

[drott]

As Myles@Apple says, it seems like reinventing the wheel to me at first take. I'll consider this further 🤔

Chrome's response to Apple's standard position may have useful considerations in that regard.

This might be useful in this context: https://github.com/googlefonts/color-fonts/tree/main/fonts contains COLRv1 versions (twemoji-*_colr_1.ttf) of Twemoji which can be tested in Chrome Canary with the CORLv1 flag turned on.

[pointydev]

As of 98.0.4713.0 (when writing, latest canary), COLRv1 fonts are now enabled by default in Chrome (thanks @drott!).

[13rac1]

Closed in favor of #113

[HinTak]

As in https://pixelambacht.nl/chromacheck/ , android chrome supports CBDT.

What's more, Google folks added OT-SVG support to chrome, but left it disabled:
https://issues.chromium.org/issues/40336440#comment71

If you have the facility to build chrome for android, gives the patches a try.