如何通过 HTML 查看 Windows 10 上的国家标志?

MoK*_*oKi 11 html windows country flags emoji

是否有解决方法可以通过 HTML 在 Windows 10 上显示国旗表情符号?

<!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>
Run Code Online (Sandbox Code Playgroud)

我在https://mdbootstrap.com/docs/jquery/content/flag/上找到了这个

我在https://www.w3schools.com/charsets/ref_emoji.asp上没有看到旗帜表情符号

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

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

我仍在学习使用 stackOverflow,并且我是编码新手。这是我第四次尝试回答这个问题。

Fel*_*nha 17

使用Noto Color Emoji 字体

首先,@font-faceunicode-range属性编写规则。然后将字体添加到字体堆栈的顶部:

来源

@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';
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <p>
                                                                                                                                                                                                   
  </p>
  <p>
    Noto Color Emoji abcdefghijklmnopqrstuvwxyz0123456789
  </p>
</div>
Run Code Online (Sandbox Code Playgroud)


ppt*_*ppt 11

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

该线程似乎找到了解决方法 Flag Emojis not render


Pet*_*ble 6

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

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