Squarespace
将 Font Awesome 图标添加到您的 Squarespace 网站快速又轻松。
我们将介绍如何将 Font Awesome 代码注入到您的 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 代码块中引用图标。
从这里,您可以按照 如何添加图标 的说明添加任何图标。例如,要添加我们相机复古图标(免费图标)的 Solid 样式,您可以将它作为 <i>
标签添加到代码块,如下所示
<i class="fa-solid fa-camera-retro"></i>
要添加我们 Pro 样式中的图标(例如,双色调),您可以将它作为 <i>
标签添加到代码块,如下所示
<i class="fa-duotone fa-camera-retro"></i>