Font Awesome无法在离线模式下使用jsp工作

Question

我搜索了很多文章，我仍然不知道为什么它不能在离线模式下工作，当我从fontawesome导入cdn而不是lib的cdn链接然后它工作得很好

    <link href="css/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet">

p / s：图标没有显示，它们都是空白+ _ +

Answer 1

当您将Font Awesome zip解压缩到Web文件夹中时，请确保包含实际的字体文件。否则，CSS无法使用。

Answer 2

首先，在您的Cache Manifest中，将字体文件的实际名称放在文件夹中：

fa/css/font-awesome.css
fa/fonts/fontawesome-webfont.ttf
fa/fonts/fontawesome-webfont.woff
fa/fonts/fontawesome-webfont.woff2

这将确保使用您的应用部署文件。

接下来，看看font-awesome.css。请注意，文件名的引用如下：

url('../fonts/fontawesome-webfont.woff2?v=4.7.0')

名称与清单中的名称不匹配，因此找不到文件。您需要修改fontawesome.css：修改Cache Manifest中的名称将不起作用。删除fontawesome.css中名称后缀如下：

url('../fonts/fontawesome-webfont.woff2')

似乎在Cache Manifest的实现中有点漏洞。

Answer 3

1. 在此处下载“免费的网络版本”：https://fontawesome.com/download

2. 复制整个提取的文件夹，并确保将路径导入到“ YOUR_LOCAL_PATH / fontawesome-free-5.15.1-web / css / fontawesome.min.css”

3. 如果与“ free-5.15.1-web”不同，请输入正确的版本