Comments (17)
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.
from twemoji-color-font.
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.
COLRv0 is now supported basically everywhere.
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.
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.
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.
I want to, but need to find the time. Many other projects have been in the way.
from twemoji-color-font.
@eosrei I hope you find time soon to work on this, so far you've done great work.
from twemoji-color-font.
How do you build the font files?
Is there anything I can do to help getting this issue solved?
from twemoji-color-font.
from twemoji-color-font.
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.
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.:
from twemoji-color-font.
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.
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.
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.
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.
Closed in favor of #113
from twemoji-color-font.
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)
- Emoji font for print standards
- Chocolatey package that replaces the system fonts on update via a script HOT 1
- Query: can the Windows installer for Twemoji Color Font be adapted to install Noto Color Emoji font? HOT 1
- Broken rendering on Debian HOT 2
- When will the new update come out? HOT 6
- Can I use the install.cmd file with other font backs ? HOT 1
- Chrome emoji functionality not restored after uninstalling. HOT 5
- they're b&w on google chrome android HOT 1
- pyftmerge not found HOT 2
- Emojis are in black and white and only use outlines. HOT 2
- Update to twemoji v15 HOT 1
- Python PIL OSError: invalid pixel size HOT 4
- Make a font file without black and white emojis. HOT 1
- Updates with new Twitter Emoji characters 15.0.3 HOT 2
- Apparently the installation does not work with Chocolatey
- no longer works with discord
- "Replace the default Windows emoji fonts" method only installs "Segoe UI Symbol with Twemoji" and not a modified Segoe UI Emoji
- Flag emoji are showing the two characters not the flag on firefox
- Discord compatibility - Windows 11 - Stopped working
- > With the resurrection of Twitter Emoji, will the updated assets be added to new versions of this font? https://github.com/jdecked/twemoji HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from twemoji-color-font.