时间戳

首页 > 解决方案 > 如何离线使用 Font Awesome？

font-awesome - 如何离线使用 Font Awesome？

问题描述

Font awesome 是提供免费/付费图标的服务，有时我们想在我们自己的项目中离线使用它来消除对网络资源的依赖。但如何？有时我们认为我们遵循了他们在文章中提到的所有步骤，但我们错过了一些东西。这就是我写这个问答的原因。

标签： font-awesomefont-awesome-5

解决方案

如何离线使用 Font Awesome？在撰写此答案时，Font Awesome 的最新版本是 5.15.4

遵循关于 Hosting Font Awesome Yourself的 Font Awesome文档

  • 从这里下载 Font Awesome 的免费版本
  • 解压下载的包
  • 将整个 /webfonts 文件夹和 /css/all.css 复制到项目的静态资产目录中。
  • 将复制的 /css/all.css 文件的引用（如下面的代码）添加到<head>要使用 Font Awesome 的每个模板或页面的元素中。

<link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet">

  • 现在您可以开始在项目中本地使用字体真棒图标<i class="fas fa-user"></i>

推荐阅读