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 ⛿</p>
<p>How to display American or Japanese flags?</p>
<p> is just letters on Windows 10 😓</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
首先,@font-face用unicode-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
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。要在网页中对它们进行编码,您可以使用字符实体🇯🇵:“”。如果浏览器/主机操作系统支持显示表情符号标志,您就会看到这样的内容。如果没有,您可能会看到类似“JP”的内容。