如何通过 CSS 使用来自 CDN 的 Google Noto Color Emoji 字体

Question

我有什么方法可以从 CDN 使用 Google's color emoji font 吗？我试图在 jsfiddle 中使用它，但不知道如何使用。

Answer 1

这不是 google 但您可以试试这个替代方案，

EmojiOne

这是CDN

https://cdnjs.com/libraries/emojione

Answer 2

你可以这样使用它：

@font-face {
  font-family: 'Noto Color Emoji';
  src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
}

更新

你也可以试试“Noto Colr Emoji Glyf”，它是COLRv1字体：https://fonts.googleapis.com/css2?family=Noto+Colr+Emoji+Glyf

参见repo and demo。

但请确保 check browser support，截至撰写本文时它仅在 Chrome 98+ 中受支持。