Chrome 中 Emoji 表情颜色缺失的渲染问题
问题背景
昨天在写为什么这么设计系列文章时,心血来潮在 <h1>
, <h2>
, <h3>
等标题标签中加上了色彩鲜明的 Emoji,增强标题区的对比度。
写作时——开两个窗口,边撰写边实时预览——一切都正常显示,但是一经发布,在电脑端的 Chrome 浏览器中就发现了个诡异现象,正文和目录中的表情显示正常,但是在标题中渲染成了一副傻大黑粗的模样🌑,五颜六色,惨遭剥离,独留黑白,茕茕孑立,形影相吊,不忍直视。
昨天在写为什么这么设计系列文章时,心血来潮在 <h1>
, <h2>
, <h3>
等标题标签中加上了色彩鲜明的 Emoji,增强标题区的对比度。
写作时——开两个窗口,边撰写边实时预览——一切都正常显示,但是一经发布,在电脑端的 Chrome 浏览器中就发现了个诡异现象,正文和目录中的表情显示正常,但是在标题中渲染成了一副傻大黑粗的模样🌑,五颜六色,惨遭剥离,独留黑白,茕茕孑立,形影相吊,不忍直视。