跳至内容
Web Awesome 来了,这是最大、最棒的开源 Web 组件库。
立即预订!

Squarespace

将 Font Awesome 图标添加到您的 Squarespace 网站快速又轻松。

我们将介绍如何将 Font Awesome 代码注入到您的 Squarespace 网站标题,并通过代码块将其添加到网站正文。

将您的工具包嵌入代码添加到 Squarespace 页面标题

在您的 Squarespace 网站仪表板中,使用侧边菜单访问 **设置**。接下来,导航到 **高级**,然后是 **代码注入**。将您唯一的工具包嵌入代码粘贴到页标题部分。请务必保存。

将工具包嵌入代码添加到 Squarespace 页面标题 将您的工具包嵌入代码添加到 Squarespace。

您的代码将类似于以下代码(其中 YOUR-KIT-ID 将被替换为您的工具包的唯一 ID)

<script src="https://kit.fontawesome.com/YOUR-KIT-ID.js" crossorigin="anonymous"></script>

将图标添加到 Squarespace 页面

在您 Squarespace 网站的任何页面,按照其关于 添加代码块 的说明操作。在代码块打开后,编辑 HTML 内容以显示 Font Awesome 图标。

将图标代码添加到 Squarespace 代码块 在您的 Squarespace 代码块中引用图标。

从这里,您可以按照 如何添加图标 的说明添加任何图标。例如,要添加我们相机复古图标(免费图标)的 Solid 样式,您可以将它作为 <i> 标签添加到代码块,如下所示

<i class="fa-solid fa-camera-retro"></i>

要添加我们 Pro 样式中的图标(例如,双色调),您可以将它作为 <i> 标签添加到代码块,如下所示

<i class="fa-duotone fa-camera-retro"></i>