怎么在web中显示彩色emoji图标？

问题求助❓
1

遇到的现象

image
如图，在ticktick网页版中，emoji图标是黑白的，且有些还是方框。

背景

  • win7系统，无法安装程序和字体，可以使用绿色程序。
  • 使用edge浏览器，可以安装扩展和脚本

我的思路和需求

  • 谷歌和百度了一下，可以通过css样式表来控制，但是我并不会。
  • 有一个彩色的emoji字体： GitHub - adobe-fonts/emojione-color: OpenType-SVG font of EmojiOne 2.3
  • 我记得有一个css样式的扩展，但是我把它删除了。
  • 所以，我的需要求是用edge浏览器，通过css样式扩展，至少让ticktick网页版（当然，其他网页也能正常的emoji最好）显示正常的emoji。

请求各位大佬帮忙看看，谢谢。

2

这个emoji是引用的系统的emoji字体文件（Seguiemj.ttf），win7貌似就是这种黑白的。
如果你可以安装字体，可以换成win10或者11的同名字体文件，不能的话看有没有其他大神知道怎么做吧……

3

如果想在win7的话，只能使用字体了吧。

4

Twemoji for Chrome - Chrome Web Store 不是win7 但你试试？

1 个赞
5

我记得是跟 DirectWrite chrome://flags/#disable-direct-write 有关来着。

我在百分和 360极速 上测试了一下，确实如此，禁用 DirectWrite 之后，图标全部变黑白了，MacType 也能渲染了。
之前我也搜过如何在禁用 DirectWrite 的情况下保持图标彩色，但最后不了了之。

关闭 DirectWrite 的方法 这方法好像不管用了

这个扩展是让 Windows 显示国家和地区图标，但会导致知乎部分回复在展开时页面崩溃，我是前不久才发现的。
可以换成下面这个扩展，暂时没发现与其它有冲突。

Country Flag Fixer

6

image
成功了！感谢你！

7
  1. 因为本来系统就没有彩色emoji字体，不是设置的问题。
  2. @lisansas 推荐的插件的描述是：Replaces default emojis with Twemoji. Enables your browser to display colored emojis if your OS does not support it. ，是替换系统默认的eomji图标为他的彩色emoji图标.不是你说的让其显示国家和地区图标，而且，我打开了知乎也没问题。
8

部分条数比较多的回复展开时会出现崩溃现象，不是全部都如此，我是关闭了全部脚本和扩展挨个试出来的，你试试看这篇文章里的回复有没有这个情况。

不过除了这个扩展，貌似也没有其他能够显示彩色图标的扩展了。

百分和 360极速 有 DirectWrite 的选项，启用就能显示彩色 emoji，我也不知道为什么。
火狐上我是用的这个字体