跳至内容
欢迎 Web Awesome,最庞大、最好的开源 Web 组件库。
今天预订!

使用已下载的工具包

从 6.4 版开始,您现在可以下载 Pro 工具包并在桌面应用程序中使用它,就像 Font Awesome 一样,包括您添加到工具包的任何自定义图标。

我们将介绍工具包下载中包含哪些文件和目录,以及在工具包中使用基于连字的字体和 SVG 的详细信息。

工具包下载中包含什么?

我们的工具包下载包含所有 常规 Font Awesome 资源。如果您的工具包中包含自定义图标,您会发现下载的 zip 文件中包含这些附加文件。

文件夹和文件它们是什么
所有常见的 Font Awesome 内容所有系列和样式的字体和 SVG
/otfs/Font Awesome Kit [kit-ID]-Regular-400包含所有自定义图标的字体面
/svgs/custom-icons/包含所有自定义图标(作为 SVG)的文件夹

自定义子集工具包

如果您已 将工具包设置为自定义子集化,您的工具包下载将仅包含您选择的图标,以及您上传的任何自定义图标

文件夹和文件它们是什么
/otfs/Font Awesome 6 Pro subset - Kit [kit-ID]-[样式名称和权重]仅包含您在该经典样式中选择的图标的字体面
/otfs/Font Awesome 6 Sharp subset - Kit [kit-ID]-[样式名称和权重]仅包含您在该锐利样式中选择的图标的字体面
/svgs/[样式名称]/仅包含您在该样式中选择的图标(作为 SVG)的文件夹
/otfs/Font Awesome Kit [kit-ID]-Regular-400包含所有自定义图标的字体面
/svgs/custom-icons/包含所有自定义图标(作为 SVG)的文件夹

安装用于工具包自定义图标的基于连字的字体文件

您可以按照 通常设置时的方式安装 Font Awesome 字体面,您也将按照相同的步骤添加自定义图标字体。

如果您尚未这样做,您需要 在您的应用程序中启用连字,以便使用我们简单的“输入图标名称”方法添加图标。

将工具包自定义图标用作 SVG

与我们的常规图标一样,您可以将处理过的自定义图标 SVG 文件 添加到大多数支持矢量的桌面设计应用程序中,例如 Figma、Sketch 和 Adobe Illustrator。请记住,要创建一个副本以进行操作,这样您就不会编辑原始文件!