离线字体真棒图标

Question

有什么办法可以离线使用吗？

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

我复制链接并保存为 font-awesome.min.css 但它仍然不能像这个链接 href=“css/font-awesome.min.css” rel=“stylesheet” type=“text/css”

原文由 truthlies uchiha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

按“免费下载”按钮并确保您也有网络字体。下载的 zip 中有一个 web-fonts-with-css 文件夹。复制项目中的字体并修改 CSS 中字体的路径以指向网络字体的位置。

如果您打开问题中链接的 CSS，您会看到它们有一些导入

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

使用下载字体的位置修改这些。

原文由 Gigi 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

1. 从官方网站下载 awesome free zip 字体
2. 有一个名为“css”的文件夹，将该文件夹复制到您的项目文件夹中（重要），同时复制名为“webfonts”的文件夹
3. 然后使用命令将所需的 css 文件链接到 html 文件（all.css 或 fontawesome.css 或 fontawesome.min.css）
4. 然后试试你的代码，它会工作

原文由 user10753200 发布，翻译遵循 CC BY-SA 4.0 许可协议