---
title: 如何更改字体
slug: docs/cn/8maJnrvgZOWqtQ7mxXdil
description: 通过我们的分步说明，了解如何轻松更改您已发布合集的字体。通过在设置选项卡中使用定制 CSS 引用并添加字体链接，提升合集的外观和体验。请按照我们的示例进行操作，以获得最佳效果。
createdAt: 2022-02-11T08:06:27.000Z
---
当您发布一个 collection 时，您可以通过在 [自定义 CSS](docId:6z-uqEYC9w-bsvxAYCzR3) 中添加内容来控制其显示方式，位置位于 [定制代码](docId\:ftvE42JX9E0oR9R8fkc41) 部分。
当您想要更改生产网站上加载的字体时，您有 2 个选项：
## 1. 使用 Google Fonts
::::WorkflowBlock
:::WorkflowBlockItem
点击齿轮图标 ⚙️ 打开 **空间设置**
:::
:::WorkflowBlockItem
在 Space Settings 模态窗口中找到 **外观** 选项卡
:::
:::WorkflowBlockItem
向下滚动到 **定制字体**并将其切换为开启
:::
:::WorkflowBlockItem
选择所需字体，更改将自动保存
:::
::::
## 2. 使用自定义 CSS 引用字体
::::WorkflowBlock
:::WorkflowBlockItem
点击齿轮图标 ⚙️ 打开 **空间设置**
:::
:::WorkflowBlockItem
在 Space Settings 模态窗口中找到 **定制代码** 选项卡
:::
:::WorkflowBlockItem
在 **包含标头** 框中添加字体链接
**Include Headers 字体示例：**
```html
```
:::
:::WorkflowBlockItem
添加 CSS 属性
```css
```
:::
::::