Javascript 我可以在浏览器上覆盖标准表情符号样式(它们的外观)吗?

Javascript 我可以在浏览器上覆盖标准表情符号样式(它们的外观)吗?,javascript,html,css,unicode,emoji,Javascript,Html,Css,Unicode,Emoji,我有一个使用表情符号的项目 用户将在浏览器上与它交互,但他们最终将复制并粘贴到whatsapp 所以我希望他们看到带有Whatsapp样式的表情符号,而不是看到一个东西,然后看到它在粘贴到Whatsapp后变成不同的样式 有没有办法覆盖浏览器上表情符号的样式 示例:这就是它在Chrome上的外观 这是Whatsapp上的外观 大小的差异是因为我放大了,但这实际上是从whatsapp web和浏览器复制并粘贴到whatsapp web和浏览器的同一个表情符号 有没有可能构建一个文本输入,使表情看起

我有一个使用表情符号的项目

用户将在浏览器上与它交互,但他们最终将复制并粘贴到whatsapp

所以我希望他们看到带有Whatsapp样式的表情符号,而不是看到一个东西,然后看到它在粘贴到Whatsapp后变成不同的样式

有没有办法覆盖浏览器上表情符号的样式

示例:这就是它在Chrome上的外观

这是Whatsapp上的外观

大小的差异是因为我放大了,但这实际上是从whatsapp web和浏览器复制并粘贴到whatsapp web和浏览器的同一个表情符号

有没有可能构建一个文本输入,使表情看起来像他们的Whatsapp版本

.arialDiv{
字体系列:Arial;
}
.timesDiv{
字体系列:“新罗马时代”;
}
.otherDiv{
字体系列:Helvetica;
}


你有什么理由不能使用和WhatsApp相同的字体吗?表情符号仅仅是文本,它们的显示样式仅仅取决于选择的字体。如果我更改字体系列,我会更改表情符号的呈现方式吗?这就是它的工作原理吗?我完全可以使用它们的字体。它们是Unicode的一部分,因此它们是文本。现在,如果一个网页包含一个不在给定字体中的字符,浏览器将退回到另一种字体并从中提取该字符。因此,如果这些字体实际上都没有表情符号(没有多少字体具有良好的表情符号支持),浏览器将从其他字体中提取,可能在所有三种情况下都是相同的字体,这就解释了它们看起来相同的原因。我们知道WhatsApp使用什么字体吗?它可以获得许可吗?@cbdeveloper我查了一下,进一步挖掘,发现上面提到“苹果图片没有商业使用许可。Android/Google/Noto表情符号在Apache许可2.0下可用。Twitter表情符号在Creative Commons Attribute 4.0许可下可用。Facebook表情符号没有明确的许可。”。但这看起来是一个很好的起点:)@blex谢谢!我想这个软件包可以满足我的需要。你有什么理由不能使用和WhatsApp相同的字体吗?表情符号仅仅是文本,它们的显示样式仅仅取决于选择的字体。如果我更改字体系列,我会更改表情符号的呈现方式吗?这就是它的工作原理吗?我完全可以使用它们的字体。它们是Unicode的一部分,因此它们是文本。现在,如果一个网页包含一个不在给定字体中的字符,浏览器将退回到另一种字体并从中提取该字符。因此,如果这些字体实际上都没有表情符号(没有多少字体具有良好的表情符号支持),浏览器将从其他字体中提取,可能在所有三种情况下都是相同的字体,这就解释了它们看起来相同的原因。我们知道WhatsApp使用什么字体吗?它可以获得许可吗?@cbdeveloper我查了一下,进一步挖掘,发现上面提到“苹果图片没有商业使用许可。Android/Google/Noto表情符号在Apache许可2.0下可用。Twitter表情符号在Creative Commons Attribute 4.0许可下可用。Facebook表情符号没有明确的许可。”。但这看起来是一个很好的起点:)@blex谢谢!我想这个包裹能满足我的需要。