firefox - 我的 Foundation 图标在 Firefox 中不起作用。仅显示框中的字母

Question

html

<link rel=stylesheet href=../static/css/foundation-icons/foundation-icons.css>

<a class="button radius search-header"><i class="fi-magnifying-glass"></i> Search</a>

在 Firefox 中按 Ctrl+U 后，我导航到了 foundation-icons.css，所以我肯定正确链接到该文件。

我已经完全复制了基础图标文件夹，没有删除任何东西。它看起来像这样：

./static/css/foundation-icons/
 - foundation-icons.css
 - foundation-icons.eot
 - foundation-icons.svg
 - foundation-icons.ttf
 - foundation-icons.woff
 - svgs/*
 - preview.html

编辑：我更改了标题并添加了 Firefox 标签，因为在 Chromium 中一切似乎都运行良好。我有点难过，因为这意味着这是一个 Firefox 问题，我可能无法修复。

基础图标附带的 preview.html 文件在我的 Firefox 中也可以正常工作。

Answer 1

如果您正在使用这些SCSS文件，则应将变量指向文件夹$fi-path的正确位置。foundation-icon-fonts

对我来说，我必须在导入之前添加以下内容foundation-icon-fonts：

$fi-path: 'foundation-icon-fonts';

Answer 2

首先纠正这个：

<link rel="stylesheet" href="../static/css/foundation-icons/foundation-icons.css">

在 Foundation 的示例中，Firefox 使用.woff文件。检查您是否有权访问它们。

这是一个相对路径。您确定您的浏览器可以访问“静态”文件夹吗？