如何在 Electronic 应用程序中将所有原生表情符号替换为漂亮的苹果表情符号？

Question

在常规的 web 浏览器中，有照片中这样天真的表情符号：

我的应用程序在 Electron 上运行，那里的表情符号看起来和这个一模一样。 如何更改以支持苹果表情符号？ 我不能使用 emojione 到处搜索这些表情符号，因为在我的应用程序中有数百个用户自己编写这些表情符号的地方，我不能到处搜索这些表情符号

Answer 1

“正确”的解决方案是使用提供您认为最适合您的应用程序的表情符号的字体，但不包含任何文本，因此您可以使用默认字体作为文本。 请注意，您不能只“使用”Apple 的表情符号，因为这会给不附带它们的平台带来版权问题（即 Windows 和 Linux）。

因此，我建议搜索一种可以与您的应用程序一起重新分发的表情符号字体（如果字体许可证需要，请提供适当的信用）。

例如，如果您当前的字体链是：

* { font-family: "Roboto", "Arial", sans-serif; }

您可以提前 go，加载您的表情符号字体（例如，通过使用@font-face ）并将其添加到您的字体链中。 如果使用别名"my-emoji-font"加载该字体，那么它看起来像：

* { font-family: "my-emoji-font", "Roboto", "Arial", sans-serif; }

但是，您必须确保 Emoji 字体不包含任何非 Emoji 符号，因为这些符号也会从 Emoji 字体中获取。 此外，这将替换应用程序中任何文本的表情符号（因此*作为 CSS 选择器；您当然可以像往常一样为特定元素编写 CSS 规则，但请记住，您必须复制字体链） .

如果您的 Emoji 字体缺少您的应用程序使用的任何 Emoji，Electron 将显示来自 Roboto、Arial（在此示例中）或系统的 sans-serif 字体（如果可用）的相应 Emoji。