css .emoji_使用Emoji CSS将Emoji支持添加到您的网站

表情符号已经取代了数字对话，这些可爱的小图标Swift轰动了互联网文化 。 它们现在已经成为我们生活中的日常部分，您可以在桌面应用程序到WordPress的任何地方找到它们。

而且，如果您曾经想在网站上使用自定义表情符号 ，那么Emoji CSS是使用的理想库。

这些纯CSS图标由背景图像生成，因此每个表情符号都有其自己的PNG文件 。 这些图像文件可用于视网膜，因此在所有显示器上看起来都很棒。

您还可以通过将原始CSS文件包含到站点中来演示这些表情符号。 该文件引用了GitHub上的自托管图像，因此您无需在本地托管任何内容即可开始使用。

在Emoji CSS主页上，您将找到所有图像代码类以及示例演示代码段 。 将Emoji CSS文件添加到文档后，您要做的就是添加一个.i类的元素，以及与要显示的特定图标相关的任何类。

因此，例如此代码：

会将100个表情符号直接添加到您网站的内容中。 您有200多种不同的表情符号可供选择，并且该项目是开源的，因此可以进行更新 。

最重要的是，Emoji CSS主页非常易于使用。 只需单击一个图标 ，您就会自动将该源代码复制到剪贴板，以便可以将其直接粘贴到HTML中。

我将是第一个承认并不是每个网站都将从这个表情符号库中受益，但是社交网络和受评论支持的网站可以通过添加表情符号支持来提高用户参与度 。 借助Emoji CSS库 ，这实际上是一个两步过程，可对您的网站进行emoji表情。

翻译自: https://www.hongkiat.com/blog/emoji-css/