Html 字符表情符号不呈现答案

【问题标题】：Html character emoji does not renderHtml 字符表情符号不呈现
【发布时间】：2019-07-27 07:58:08
【问题描述】：

我想在 html 页面中添加表情符号，例如。？？？？？？但它们不会使用彩色图标呈现。

我尝试了以下方法

  <meta charset="utf-8" />
  <body>
    ????????
    ????
  </body>
</html>

而且它没有分别显示英国国旗和羊的彩色图标。我也尝试将表情符号字符包装在 span 中，但它都不起作用。也许与字体有关？

【问题讨论】：

【解决方案1】：

表情符号的呈现取决于您用来显示它们的字体。表情符号只是像字母“A”这样的普通字符，需要在您在页面上使用的字体中定义。要正确显示表情符号，您需要使用定义了这些表情符号的字体并将<span>（或您的整个页面）设置为使用该字体（使用 CSS）。

Here 是对 Emojis 的解释。以下是如何在您的网站上使用 Google Noto Emoji Color 字体（免费使用）的示例：

1- 下载字体 (here)

2- 将其嵌入到您的 CSS 中：

@font-face {
    font-family: "Noto Emoji Regular";
    src: url('NotoEmoji-Regular.ttf')  format('truetype');
}

确保该 url 具有指向本地 .tff 文件的正确路径，并将其添加到您的页面 <style> 定义或 CSS 文件中。

【讨论】：

【解决方案2】：

我发现表情符号在其他设备中正确显示。可能是字体配置问题。正如 Sachin Muthumala 所说，这里他们对此进行了更多解释

【讨论】：