我发现了一个有趣的问题,但找不到解决方案。当我在本地托管文件时,Fontawesome 5图标显示为残破图标,但在使用CDN时可以使用。我正在使用Libman进行Asp.Core开发,以进行程序包管理,本地文件与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"
]
}
非常感谢您的帮助!
答案 0 :(得分:0)
碰巧写出来的问题帮助我想到了一个解决方案。 Font Awesome在其CDN上分发的文件以及为直接下载,NPM和Yarn提供的文件中必须有一些不同。使用直接下载的文件,一切正常,但仍然想使用LibMan来处理第三方文件,我使用了https://yarnpkg.com/en/package/@fortawesome/fontawesome-free提供的unpkg.com CDN URL。希望对其他可能遇到此问题的人有所帮助。