如何离线使用Font Awesome？
如何离线使用Font Awesome？
提问于 2020-05-08 19:22:12
Font很棒是提供免费/付费图标的服务，有时我们想离线使用它作为我们自己项目的一部分，以消除对网络资源的依赖。但是怎么做呢？有时我们认为我们遵循了他们在文章中提到的所有步骤，但我们遗漏了一些东西。这就是我写这篇问答的原因。
回答 2
Stack Overflow用户
发布于 2021-09-15 22:44:54
如何离线使用Font Awesome？在撰写本文时，Font Awesome的最新版本是5.15.4
关注Font Awesome documentation托管Font Awesome你自己
- 从here
- Extract下载免费版本的Font Awesome，下载的软件包为
- 将整个/webfonts文件夹和/css/
.css复制到项目的静态资产目录中。
- 将复制的/css/.css文件的引用添加到要使用Font Awesome的每个模板或页面的
<head>元素中，如下所示。
<link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet">
现在，您可以开始在项目<i class="fas fa-user"></i>中本地使用字体
- 图标
Stack Overflow用户
发布于 2020-05-08 19:22:12
首先关注他们的文章：https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
css/all.css文件包含核心样式，以及使用Font Awesome时需要的所有图标样式。/webfonts文件夹包含上述CSS引用和依赖的所有字体文件。
将整个/webfonts文件夹和/css/all.css复制到项目的静态资产目录中(或者您希望保存前端资产或供应商资料的任何位置)。
将对复制的/css/all.css文件的引用添加到要在其上使用Font Awesome的每个模板或页面的中。
然后执行此操作。
@font-face{
font-family:Font Awesome\ 5 Free;
font-style:normal;
font-weight:900;
src:url('/assets/fontawesome-free-5.13.0-web/webfonts/fa-solid-900.eot');
src:url('/assets/fontawesome-free-5.13.0-web/webfonts/fa-solid-900.eot?#iefix') format("embedded-opentype"),url('/assets/fontawesome-free-5.13.0-web/webfonts/fa-solid-900.woff2') format("woff2"),url('/assets/fontawesome-free-5.13.0-web/webfonts/fa-solid-900.woff') format("woff"),url('/assets/fontawesome-free-5.13.0-web/webfonts/fa-solid-900.ttf') format("truetype"),url('/assets/fontawesome-free-5.13.0-web/webfonts/fa-solid-900.svg#fontawesome') format("svg")
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61678008
复制相关文章
相似问题
腾讯云开发者
