# 怎么在web中显示彩色emoji图标？ **URL:** \ **Category:** 问题求助\ **Tags:** chrome\ **Created:** [2023 年5 月 26 日 00:22 UTC](https://meta.appinn.net/t/topic/43972 "2023-05-26T00:22:05Z")\ **Posts on this page:** 8\ **Page:** 1
作者： ![kimpvp](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/kimpvp/32/24252_2.png) [@kimpvp](https://meta.appinn.net/u/kimpvp)\ 发布日期： [2023 年5 月 26 日 00:22 UTC](https://meta.appinn.net/t/topic/43972/1 "2023-05-26T00:22:05Z")
## 遇到的现象 ![image](https://meta-edge.appinn.com/uploads/default/original/3X/0/f/0f83bb9d2ec9ef82cbc6cd2cdbca17df30b4d1d7.png) 如图，在ticktick网页版中，emoji图标是黑白的，且有些还是方框。 ## 背景 - win7系统，无法安装程序和字体，可以使用绿色程序。 - 使用edge浏览器，可以安装扩展和脚本 ## 我的思路和需求 - 谷歌和百度了一下，可以通过css样式表来控制，但是我并不会。 - 有一个彩色的emoji字体： [GitHub - adobe-fonts/emojione-color: OpenType-SVG font of EmojiOne 2.3](https://github.com/adobe-fonts/emojione-color) - 我记得有一个css样式的扩展，但是我把它删除了。 - 所以，我的需要求是用edge浏览器，通过css样式扩展，至少让ticktick网页版（当然，其他网页也能正常的emoji最好）显示正常的emoji。 请求各位大佬帮忙看看，谢谢。 ---
作者： ![phew](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/phew/32/40390_2.png) [@phew](https://meta.appinn.net/u/phew)\ 发布日期： [2023 年5 月 26 日 02:12 UTC](https://meta.appinn.net/t/topic/43972/2 "2023-05-26T02:12:49Z")
这个emoji是引用的系统的emoji字体文件（Seguiemj.ttf），win7貌似就是这种黑白的。 如果你可以安装字体，可以换成win10或者11的同名字体文件，不能的话看有没有其他大神知道怎么做吧…… ---
作者： ![fanchenio](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/fanchenio/32/45203_2.png) [@fanchenio](https://meta.appinn.net/u/fanchenio)\ 发布日期： [2023 年5 月 26 日 02:40 UTC](https://meta.appinn.net/t/topic/43972/3 "2023-05-26T02:40:01Z")
如果想在win7的话，只能使用字体了吧。 ---
作者： ![lisansas](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/lisansas/32/46005_2.png) [@lisansas](https://meta.appinn.net/u/lisansas)\ 发布日期： [2023 年5 月 26 日 03:30 UTC](https://meta.appinn.net/t/topic/43972/4 "2023-05-26T03:30:08Z")
[https://chrome.google.com/webstore/detail/twemoji-for-chrome/fopgafjdjlongoeblobbafbnapafcicg?hl=en](https://chrome.google.com/webstore/detail/twemoji-for-chrome/fopgafjdjlongoeblobbafbnapafcicg?hl=en) 不是win7 但你试试？ ---
作者： ![mowen](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/mowen/32/25278_2.png) [@mowen](https://meta.appinn.net/u/mowen)\ 发布日期： [2023 年5 月 26 日 05:28 UTC](https://meta.appinn.net/t/topic/43972/5 "2023-05-26T05:28:05Z")
我记得是跟 `DirectWrite` chrome://flags/#disable-direct-write 有关来着。 我在百分和 360极速 上测试了一下，确实如此，禁用 `DirectWrite` 之后，图标全部变黑白了，MacType 也能渲染了。 之前我也搜过如何在禁用 `DirectWrite` 的情况下保持图标彩色，但最后不了了之。 ~~关闭 `DirectWrite` 的方法~~ 这方法好像不管用了 [https://zhuanlan.zhihu.com/p/366412008](https://zhuanlan.zhihu.com/p/366412008) > [@lisansas](#): > > Twemoji for Chrome - Chrome Web Store 这个扩展是让 Windows 显示国家和地区图标，但会导致知乎部分回复在展开时页面崩溃，我是前不久才发现的。 可以换成下面这个扩展，暂时没发现与其它有冲突。 # Country Flag Fixer [https://chrome.google.com/webstore/detail/country-flag-fixer/jhcpefjbhmbkgjgipkhndplfbhdecijh](https://chrome.google.com/webstore/detail/country-flag-fixer/jhcpefjbhmbkgjgipkhndplfbhdecijh) ---
作者： ![kimpvp](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/kimpvp/32/24252_2.png) [@kimpvp](https://meta.appinn.net/u/kimpvp)\ 发布日期： [2023 年5 月 26 日 05:42 UTC](https://meta.appinn.net/t/topic/43972/6 "2023-05-26T05:42:02Z")
![image](https://meta.appinn.net/uploads/default/original/3X/7/c/7c92013dff280ac662f70ec27c99bc031c0b04e6.png) 成功了！感谢你！ ---
作者： ![kimpvp](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/kimpvp/32/24252_2.png) [@kimpvp](https://meta.appinn.net/u/kimpvp)\ 发布日期： [2023 年5 月 26 日 05:46 UTC](https://meta.appinn.net/t/topic/43972/7 "2023-05-26T05:46:25Z")
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图标.不是你说的让其显示国家和地区图标，而且，我打开了知乎也没问题。 ---
作者： ![mowen](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/mowen/32/25278_2.png) [@mowen](https://meta.appinn.net/u/mowen)\ 发布日期： [2023 年5 月 26 日 05:58 UTC](https://meta.appinn.net/t/topic/43972/8 "2023-05-26T05:58:16Z")
> [@kimpvp](#): > > 我打开了知乎也没问题 部分条数比较多的回复展开时会出现崩溃现象，不是全部都如此，我是关闭了全部脚本和扩展挨个试出来的，你试试看这篇文章里的回复有没有这个情况。 [https://zhuanlan.zhihu.com/p/89833093](https://zhuanlan.zhihu.com/p/89833093) 不过除了这个扩展，貌似也没有其他能够显示彩色图标的扩展了。 > [@kimpvp](#): > > 因为本来系统就没有彩色emoji字体，不是设置的问题。 百分和 360极速 有 DirectWrite 的选项，启用就能显示彩色 emoji，我也不知道为什么。 火狐上我是用的这个字体 > **[GitHub - 13rac1/twemoji-color-font: Twitter Unicode emoji color OpenType-SVG font for...](https://github.com/13rac1/twemoji-color-font#what-is-svginot)** > > Twitter Unicode emoji color OpenType-SVG font for Linux/MacOS/Windows