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

前端之家收集整理的这篇文章主要介绍了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相关文章