Git Product home page Git Product logo

Comments (17)

filipkemuel avatar filipkemuel commented on May 31, 2024 5

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

from twemoji-color-font.

S0G047 avatar S0G047 commented on May 31, 2024 3

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.

from twemoji-color-font.

Crissov avatar Crissov commented on May 31, 2024 1

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.

from twemoji-color-font.

Crissov avatar Crissov commented on May 31, 2024 1

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

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

from twemoji-color-font.

13rac1 avatar 13rac1 commented on May 31, 2024 1

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 🤔

from twemoji-color-font.

13rac1 avatar 13rac1 commented on May 31, 2024

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

from twemoji-color-font.

bfayers avatar bfayers commented on May 31, 2024

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

from twemoji-color-font.

tmolitor-stud-tu avatar tmolitor-stud-tu commented on May 31, 2024

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

from twemoji-color-font.

bepvte avatar bepvte commented on May 31, 2024

from twemoji-color-font.

13rac1 avatar 13rac1 commented on May 31, 2024

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

from twemoji-color-font.

phseiff avatar phseiff commented on May 31, 2024

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.:

image

from twemoji-color-font.

13rac1 avatar 13rac1 commented on May 31, 2024

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 😆

from twemoji-color-font.

pointydev avatar pointydev commented on May 31, 2024

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.

from twemoji-color-font.

drott avatar drott commented on May 31, 2024

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.

from twemoji-color-font.

pointydev avatar pointydev commented on May 31, 2024

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

from twemoji-color-font.

13rac1 avatar 13rac1 commented on May 31, 2024

Closed in favor of #113

from twemoji-color-font.

HinTak avatar HinTak commented on May 31, 2024

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.

from twemoji-color-font.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.