如果我在这里输入像??这样的表情符号,你可能会看到彩色的精灵。
如果您将其复制并粘贴到Windows Notepad / Notepad++中,您将看到如下所示的内容。
如果您将其复制并粘贴到另一个文本编辑器中,它将正常显示。
我能在CSS中实现记事本的渲染效果吗?如果可能的话,我不喜欢导出/加载我自己的自定义SVG或使用JS,我希望复制并粘贴到其他应用程序中以正常呈现表情符号,就像Notepad的情况一样。
此处的非接受响应How would I change the color of an emoji?说明,用户可以修改带有尾随\FE0E
的表情符号,以使用支持文本呈现的Unicode变体选择器15 (VS15)。但是,在复制粘贴之后,添加这样的字符将覆盖其他应用程序中的呈现,这是不可取的。
有一个CSS草案https://github.com/w3c/csswg-drafts/issues/1144,它建议将font-presentation: auto | text | emoji | text-override | emoji-override
添加到CSS中,但具体问题自2017年以来一直没有进展&我不知道其他地方是否继续取得进展。
发布于 2020-10-02 14:27:25
每当提议的CSS Fonts Module Level 4
生效时,这应该通过CSS变得微不足道。请参见第9.3节选择文本呈现样式:https://drafts.csswg.org/css-fonts-4/#font-variant-emoji-prop的字体变体表情符号属性
同时,这里有一个解决方法,它通过利用CSS generated content is not captured in copy/paste operations的事实来支持复制和粘贴。不过,这与文本输入之类的控件不兼容。
在CSS中:
.emoji::after {
display: inline;
content: '\FE0E';
}
和HTML:
Lorem<span class="emoji">🎓</span>Ipsum
Lorem<span class="emoji">🦕</span>Ipsum
这正确地渲染了毕业帽,但奇怪的是不是恐龙。如果我直接将emoji复制粘贴到源代码中,这对我不起作用;您需要显式指定代码点,不确定它是如何工作的。
复制粘贴文本并不会像我们希望的那样复制粘贴VS15代码点:
Lorem?Ipsum Lorem?︎Ipsum
https://stackoverflow.com/questions/64172221
复制相似问题