如何解决从资产本地加载时,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 举报,一经查实,本站将立刻删除。