如何查看 Windows 10 到 HTML 上的国旗？

Question

是否有解决方法可以让国旗表情符号在 windows 10 到 HTML 期间可见？

<!DOCTYPE html>
  <html>
    <style>
      body {
        font-size: 40px;
      }
    </style>
    <body>
      <p>9983 will display &#9983;</p>
      <p>How to display American or Japanese flags?</p>
      <p> is just letters on Windows 10 &#128531;</p>
    </body>
  </html>

我在 https://mdbootstrap.com/docs/jquery/content/flag/

上找到了这个

我在 https://www.w3schools.com/charsets/ref_emoji.asp

上没有看到旗帜表情符号

我可以在 https://www.emojicopy.com/ 上查看它们，但无法使用。

我发现了一个 CSS 标志 https://github.com/pixelastic/css-flags/blob/master/app/styles/_flags/usa.scss

我仍在学习使用 Whosebug，而且我是编码方面的新手。这是我第四次尝试这个问题。

Answer 1

Windows 包括 Segoe UI 表情符号字体，但不支持标志。要在 Windows 10 上查看旗帜表情符号，您必须提供支持旗帜的自定义表情符号字体。

有一个 ISO 标准，其中包含国家/地区的两个字母代码，例如日本的“JP”。在 Unicode 中，表情符号标志被编码为一对特殊字符，对应于“A”到“Z”，但它们与 A-Z 不同。您可以在 https://unicode.org/emoji/charts/full-emoji-list.html#country-flag 看到不同的序列。例如，对于日本国旗，使用序列 U+1F1EF U+1F1F5。要在网页中对这些进行编码，您可以使用字符实体 🇯🇵: ""。如果浏览器/主机 OS 支持显示表情符号标志，您就会看到。如果不是，您可能会看到类似“JP”的内容。

Answer 2

由于政治原因，标记在 Windows 上似乎不起作用，请参阅 https://answers.microsoft.com/en-us/windows/forum/all/flag-emoji/85b163bc-786a-4918-9042-763ccf4b6c05?page=1

这个帖子似乎找到了解决方法

Answer 3

使用Noto Color Emoji font.

首先，用unicode-range 属性写一个@font-face规则。然后将字体添加到字体堆栈的顶部：

(Source)

@font-face {
  font-family: NotoColorEmojiLimited;
  unicode-range: U+1F1E6-1F1FF;
  src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
}

div {
  font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont, 
  'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 
  'Segoe UI Emoji', 'Segoe UI Symbol';
}

<div>
  <p>
                                                                                                                                                                                                   
  </p>
  <p>
    Noto Color Emoji abcdefghijklmnopqrstuvwxyz0123456789
  </p>
</div>

如何查看 Windows 10 到 HTML 上的国旗？

How do I view country flags on Windows 10 through HTML?

html

windows

emoji

flags

country