HTML – 如何在网站上使用表情符号字体？

我已经下载了 Google’s “Noto Color Emoji”字体,但无法让它工作.我对“Noto Sans Regular”等字体没有任何问题.但是使用“Noto Color Emoji”字体,我在Firefox中遇到以下错误(在Windows 10上)：

downloadable font: no supported glyph shapes table(s) present (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0)
downloadable font: rejected by sanitizer (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0)

它也不适用于Windows 10上的Chrome,Internet Explorer和Edge或Ubuntu Linux上的Firefox.

这是我的代码：

<head>
    <Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        @font-face {
            font-family: 'NotoColorEmoji';
            src: url('NotoColorEmoji.ttf') format('truetype');
        }
    </style>
</head>

<body>
    <span style="font-family: 'NotoColorEmoji'">Emojis:

HTML – 如何在网站上使用表情符号字体？

相关文章