5

我正在编写一个 Web 应用程序并尝试使用font-awesome图标。字体被导入到正确的目录,但是当我加载页面时,图标显示为空白方块。(附图中的示例)。

在此处输入图像描述

当我按下F12这是我得到的错误:(也在附图中)

加载资源失败:服务器响应 fontawesome-webfont.woff2 状态为 404(未找到)

加载资源失败:服务器响应 fontawesome-webfont.woff 状态为 404(未找到)

加载资源失败:服务器响应 fontawesome-webfont.ttf 状态为 404(未找到)

在此处输入图像描述

这些文件确实存在,我可以看到它们。我设法通过更改web.config文件找到了一些解决方案,但这对laravel. laravel 5.5我在网上找不到任何合适的解决方案。非常感谢帮助!

PS - 我还不知道这是否相关,但我使用vue.js组件中的图标。

4

1 回答 1

0

IIS 不会提供未知类型的文件。

  1. 在 IIS 中,转到 MIME 类型。
  2. 右键单击空白区域并选择添加。
  3. 文件扩展名:.woff2
  4. MIME 类型:字体/x-woff
  5. 点击确定

在此处输入图像描述

于 2021-08-13T20:30:39.173 回答