【发布时间】:2016-02-29 13:36:26
【问题描述】:
在我的网站中加载我的 Icomoon 自定义字体时遇到问题。
已检查图标的屏幕截图
我假设灰色的“returnflight”引用表明我的字体文件来源不正确。考虑到我的 /css/ 和 /fonts/ 文件夹位于同一级别,我不明白为什么会出现这种情况。
我的文件结构
我在 global.css 中的样式
@font-face {
font-family: "returnflight";
src: url("../fonts/returnflight.woff?5h0ljc") format('woff');
}
.fa {
font-family: 'returnflight' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-auto-intelligence-01:before {
content: "\e900";
}
任何帮助将不胜感激
编辑
我已按照建议删除了 @font-face 中的所有 src,但 .woff 除外,但仍然遇到问题。
网络标签错误
在 firebug 中启用 Net 选项卡后,我看到以下错误,这可能是不相关的,但我不确定。我刚加入这个项目,它是一个强大的软件。这似乎与引导程序有关。
【问题讨论】:
-
请停止使用所有这些字体格式,它不再是 2010 年了。只需使用 WOFF,everything supports it(在现代浏览器中,SVG 和 EOT 字体甚至不再被识别格式)
-
好的,当然。你对为什么字体不能渲染有什么建议吗?
-
与我的第一条评论直接相关。删除所有多余的格式,这样我们就不会试图重新发现浏览器 X 不支持格式 Y。如果您在仅使用 WOFF 后仍然遇到此问题,因此每个浏览器的行为都是确定性的,我们可以开始查看实际情况错了。
-
@Mike'Pomax'Kamermans 我更新了 src 但仍然遇到问题。请参阅我的问题底部的编辑。
-
控制台有错误吗?
标签: css svg fonts font-awesome