【问题标题】:Stylesheet not recognizing custom font样式表无法识别自定义字体
【发布时间】: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


【解决方案1】:

那个 403 错误就可以了。看起来您正在从不同的服务器加载字体(有时甚至 www -> no www 会这样做,具体取决于服务器配置),字体文件/文件夹没有正确的权限,或者您在 .htaccess 中有一些东西正在阻止对某些文件类型的访问。

【讨论】:

    猜你喜欢
    • 2012-04-13
    • 2014-02-03
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 1970-01-01
    • 2018-09-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多