我正在尝试在 HTML 或 CSS 中使用 unicode 显示一些大表情符号。
然而，在Chrome中，一些表情符号的下半部分被切断，而另一些表情符号则显示得很好。
它也无法在 Android 上的移动 Firefox 中呈现。
工作表情符号示例：☀
非工作表情符号示例：????
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
body {
margin: 0;
background-color: #fff;
}
p {
font-size: 20em;
margin: 0;
}
</style>
</head>
<body>
<p>🌝</p>
<p>☀</p>
</body>
</html>
最小的代码笔示例： https://codepen.io/cltsang/pen/JaZVoo
Thanks.
Chromium 错误跟踪器报告了一个错误 -颜色字形有 256pt 的限制 https://bugs.chromium.org/p/skia/issues/detail?id=5560
我们缓存颜色字形的“正确”版本（就像我们对 alpha 所做的那样）
掩码），但在这两种情况下，我们都有缓存的大小限制（即
256 点）。
在非彩色字形的情况下，我们依靠绘制路径
更大的尺寸。我们没有这样的颜色字形后备:(
在我的 Windows 10 系统中 Chrome 版本 69.0.3497.92（官方版本）（64 位），以上font-size216px，带有颜色中断的图标。
相关问题：https://bugs.chromium.org/p/chromium/issues/detail?id=625191 https://bugs.chromium.org/p/chromium/issues/detail?id=625191
类似的SO问题：为什么表情符号在 Chrome 中无法呈现超过一定大小的内容？ https://stackoverflow.com/questions/29142118/why-do-emoji-not-render-above-a-certain-size-in-chrome
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
