如何通过 CSS 从 CDN 使用 Google Noto Color Emoji front

Mla*_*vic 8 css google-font-api jsfiddle google-fonts

我有什么办法可以从 CDN使用Google 的彩色表情符号字体吗?我试图在 jsfiddle 中使用它,但不知道如何使用。

Max*_*rok 8

你可以这样使用它:

@font-face {
  font-family: 'Noto Color Emoji';
  src: url(https://gitcdn.xyz/repo/googlefonts/noto-emoji/master/fonts/NotoColorEmoji.ttf);
}
Run Code Online (Sandbox Code Playgroud)

  • 需要注意的是,您无需_替换_现有字体即可使用“Noto Color Emoji”等字体中的彩色表情符号。相反,您可以在“font-family”样式值的末尾添加“Noto Color Emoji”,这样它就提供彩色表情符号(在浏览器非彩色后备中),但让您的常规字体(在开始处列出)为普通角色做提升。 (5认同)