防止在所有浏览器中呈现“漂亮的” Unicode表情符号

时间:2019-05-25 21:04:38

标签: css firefox unicode cross-browser emoji

我见过很多类似的帖子,但似乎都没有用(至少到2019年5月为止)。

我试图最小程度地防止Firefox(Chrome看起来不错的atm)将Unicode字符呈现为“漂亮”的表情符号。

有很多堆栈溢出的帖子;他们说使用Segoe字体,或添加“修饰符”字符以强制呈现文本等,但这些功能在Firefox 67.0 atm中不起作用。还有建议修改我的浏览器配置。如果那只是适合我,那会很好,但我正在尝试获得一个广泛的跨浏览器,跨OS解决方案。我还看到了将伪代码作为css content值包含在伪元素中的建议,但这也不起作用。

有人对此问题有解决方案吗?

以下是我最近5分钟尝试过的一些示例:

<pre class="plain-emoji"></pre>
<pre></pre>
<span class="plain-emoji"></span>
<span class="test-emoji"></span>
.plain-emoji {
  font-family: "Segoe UI","Segoe UI Symbol","serif","sans-serif";
}

.test-emoji::before {
  content: '\01F620';
  font-family: "Segoe UI Symbol";
}

具有其他一些排列方式...我一直在尝试听起来合理的任何事情...

谢谢您的时间!

0 个答案:

没有答案