有什么办法可以离线使用吗？
<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"
【问题讨论】：
标签： css html font-awesome cdn
按“免费下载”按钮并确保您也拥有网络字体。下载的 zip 中有一个 web-fonts-with-css 文件夹。复制项目中的字体并修改 CSS 中字体的路径以指向 webfonts 的位置。
如果您打开问题中链接的 CSS，您会看到它们有一些导入
url('../fonts/fontawesome-webfont.woff2?v=4.7.0')
用下载字体的位置修改这些。
【讨论】：
【讨论】：
Fontawesome 网站本身记录了如何在此处离线下载和使用图标套件：https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
【讨论】：
这里为您提供全方位的解决方案：
public_html（或您的根文件夹）上创建一个assets 文件夹font-awesome-4.7.0的所有内容解压到您的assets文件夹中head 标签并添加以下代码（即在所有 meta 标签之后）：<link rel="stylesheet" href="./assets/css/font-awesome.min.css">
【讨论】：
您需要这些文件的正确版本。 假设您只需要 4.7.0 版的字体和 css。
<link rel='stylesheet' href='./fontawesome.css'>
就是这样。
注意事项： fontawesome.css 中的当前字体路径是：
src:url('./fonts/fontawesome-webfont.eot?v=4.7.0');src:url('./fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('./fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('./fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('./fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('./fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
您可以将它们移动到您喜欢的任何地方，但请确保更正路径。
【讨论】：
以上解决方案都不适合我， 但我最近在 fontawesome 的网站上找到了一个解决方案，它很简单，效果很好，我认为值得分享。 这里是：
<head>
<link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet">
<!--load all styles -->
</head>
<body>
<i class="fas fa-user"></i> <!-- uses solid style -->
<i class="far fa-user"></i> <!-- uses regular style -->
<i class="fal fa-user"></i> <!-- uses light style -->
<!--brand icon-->
<i class="fab fa-github-square"></i> <!-- uses brands style -->
</body>
如您所见，它导入了 all.css 文件
【讨论】：
以上链接是问题的完整来源，而 Blow 是如何添加代码 你的项目。对于使用图标，您使用下面的代码。 在下面的 { Code Image }{ Just Click On it ^-^ }，我添加了 CSS 和 JavaScript 文件， 从 {https://use.fontawesome.com/releases/v5.15.4/fontawesome-free-5.15.4-web.zip} 下载文件，最好在 CSS 文件旁边添加文件夹 WebFonts , 我添加的文件，在 CSS 文件夹和 js 文件夹中
<link rel="stylesheet" href="fontawesome.min.css">
<script src="all.min.js"></script>
正如我所说，不要只是添加 CSS 文件，还要添加其他文件取决于您的项目！ , 但是 CSS 和 Js 是必须的。
希望对你有帮助
【讨论】：