从资产本地加载时，Ruby on Rails 6应用程序中的Emoji字体无法正常工作

问题描述

在我的Ruby on Rails 6中，Apple Color Emojis在Firefox（macOS＆windows10）上不起作用。

我已经导入了字体：

@import url(//db.onlinewebfonts.com/c/5ab304ade0d4f62d027d12464ca69443?family=Apple+Color+Emoji);

他们开始工作！

现在我想将它们本地保存在我的应用中。

我在Google上发现这是一个常见问题，甚至还有解决该问题的好方法solution by Nick Galbreath。

// define a new font face that just deals with emoji
@font-face {
font-family: "color-emoji";
src: local("Apple Color Emoji"),local("Segoe UI Emoji"),local("Segoe UI Symbol"),local("Noto Color Emoji"); }

// add it *after* the serif,sans-serif or monospace
// ending default.
body {
  font-family: your-font,sans-serif,color-emoji;
}

所以我为@ font-face准备了第一个字体“ Apple Color Emojis”，如下所示：

@font-face {
  font-family: 'AppleColorEmoji';
  src: asset-url('color-emoji/AppleColorEmoji/AppleColorEmoji.eot');
  src: asset-url('color-emoji/AppleColorEmoji/AppleColorEmoji.eot?#iefix') format('embedded-opentype'),asset-url('color-emoji/AppleColorEmoji/AppleColorEmoji.woff') format('woff'),asset-url('color-emoji/AppleColorEmoji/AppleColorEmoji.woff2') format('woff2'),asset-url('color-emoji/AppleColorEmoji/AppleColorEmoji.ttf') format('truetype'),asset-url('color-emoji/AppleColorEmoji/AppleColorEmoji.svg#Apple Color Emoji') format('svg');
}

文件位于 app / assets / fonts / color-emoji / AppleColorEmoji 中，当我尝试使用全新的@ font-face时，例如 font-family：'AppleColorEmoji'; 猜猜会发生什么？

是的，它们不起作用。 知道我在做什么错吗？

我在控制台中遇到了这样的错误：

downloadable font: rejected by sanitizer (font-family: 
"AppleColorEmoji" style:normal weight:400 stretch:100 src index:0) 
source: http://localhost:3000/assets/color- 
emoji/AppleColorEmoji/AppleColorEmoji- 
3ec445c87ae85d4ae8c4fdc2e7f5dfbe85e755b057c254af9e0f36a7cc6924e2.eot

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）