在本地托管时，Fontawesome 5 图标损坏答案

【问题标题】：Fontawesome 5 icons broken when hosting locally在本地托管时，Fontawesome 5 图标损坏
【发布时间】：2019-03-08 01:15:46
【问题描述】：

我发现了一个有趣的问题，但无法找到解决方案。当我在本地托管文件时，Fontawesome 5 图标显示为损坏的图标，但在使用 CDN 时会起作用。我正在使用 Asp.Core 开发，使用 Libman 进行包管理，本地文件与 CDN 文件相同

样式标签尝试：

<!--Doesn't Work-->
<link href="~/lib/font-awesome-5/css/all.css" rel="stylesheet" />
<!--Works-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Libman Json：（注意文件是CDN文件）

 {
  "provider": "filesystem",
  "library": "https://use.fontawesome.com/releases/v5.7.2/css/all.css",
  "destination": "wwwroot/lib/font-awesome-5/",
  "files": [
    "css/all.css",
    "js/all.js",
    "webfonts/fa-brands-400.eot",
    "webfonts/fa-brands-400.svg",
    "webfonts/fa-brands-400.ttf",
    "webfonts/fa-brands-400.woff",
    "webfonts/fa-brands-400.woff2",
    "webfonts/fa-regular-400.eot",
    "webfonts/fa-regular-400.svg",
    "webfonts/fa-regular-400.ttf",
    "webfonts/fa-regular-400.woff",
    "webfonts/fa-regular-400.woff2",
    "webfonts/fa-solid-900.eot",
    "webfonts/fa-solid-900.svg",
    "webfonts/fa-solid-900.ttf",
    "webfonts/fa-solid-900.woff",
    "webfonts/fa-solid-900.woff2"
  ]
}

非常感谢任何帮助！

【问题讨论】：

标签： font-awesome-5

【解决方案1】：

恰好写出问题帮助我想到了解决方案。 Font Awesome 在其 CDN 上分发的文件和为直接下载、NPM 和 Yarn 提供的文件中肯定有一些不同。使用直接下载的文件一切正常，但仍想使用 LibMan 处理第三方文件，我使用了https://yarnpkg.com/en/package/@fortawesome/fontawesome-free 提供的 unpkg.com CDN url。我希望这对可能遇到此问题的其他人有所帮助。

【讨论】：