> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/ch/gong-ju/wen-ben/zi-ti.md).

# 字体

上传自定义字体，并从预加载的系统字体中选择。

***

## 系统字体

**从预加载的字体中选择，这些字体同时支持西文和 CJK 字符。**

所有系统字体都已获商业使用许可（OFL/Apache 许可证）。你可以放心地将它们用于客户项目和商业项目。

* Noto Sans CJK（通用无衬线）
* Noto Serif CJK（通用衬线）
* M PLUS 1p（友好无衬线）
* M PLUS Rounded 1c（柔和圆角）
* Kosugi Maru（单线圆角）
* Kiwi Maru（友好衬线）
* Nanum Gothic（现代无衬线）

如果你处理中文、日文或韩文文本，请使用明确支持 CJK 字符的字体。像 Noto Sans CJK 和 Noto Serif CJK 这样的系统字体提供全面覆盖。仅支持西文的字体在显示 CJK 文本时可能会出现缺失字符框（□）。

### 如何使用系统字体

<figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FOglyGAl1w9COfIjGZHHD%2Fgitbook_text_system%20font.png?alt=media&amp;token=75682d3e-097e-48a6-a942-70c9c014f9d3" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### 选择 <kbd>文本</kbd> 工具或现有文本图层&#x20;

* 在底部工具栏中，选择 <i class="fa-text" style="color:$primary;">:text:</i> <kbd><mark style="color:$primary;">**文本**<mark style="color:$primary;"></kbd> 工具。
* 选择现有文本图层：
  * 单击任意文本图层即可选中。
  * 按住 Shift 并单击可选择多个文本图层。
    {% endstep %}

{% step %}

#### 选择字体选择器

在顶部栏中，选择字体选择器。

这将打开字体面板。
{% endstep %}

{% step %}

#### 选择 <kbd><mark style="color:$primary;">全部<mark style="color:$primary;"></kbd>

在字体面板中，选择 <kbd><mark style="color:$primary;">**全部**<mark style="color:$primary;"></kbd> 选项卡。

列表会以每种字体的实际样式显示其名称。
{% endstep %}

{% step %}

#### 选择字体

从列表中选择所需字体。

所选字体将直接应用于当前文本图层。
{% endstep %}
{% endstepper %}

***

## 自定义字体

{% hint style="danger" %}
**字体许可**

对于自定义字体，请确保你已获得适用于预期用途的相应许可和文件格式。将字体上传到 Beachside 并不会授予超出字体许可证中所定义权限之外的商业权利。
{% endhint %}

上传你自己的字体，以在所有布局中保持品牌一致性。Beachside 仅支持 Web Open Font Format（**.WOFF** 和 **.WOFF2**)

### 如何上传并使用自定义字体

<figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FZPXW5PvlLm2qMAdznK6D%2Fgitbook_text_upload%20font.png?alt=media&amp;token=fd5433af-7711-4782-be7d-d3bb66736702" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### 选择 <kbd><mark style="color:$primary;">文本<mark style="color:$primary;"></kbd> 工具或现有文本图层&#x20;

* 在底部工具栏中，选择 <i class="fa-text" style="color:$primary;">:text:</i> <kbd><mark style="color:$primary;">**文本**<mark style="color:$primary;"></kbd> 工具。
* 选择现有文本图层：
  * 单击任意文本图层即可选中。
  * 按住 Shift 并单击可选择多个文本图层。
    {% endstep %}

{% step %}

#### 选择字体选择器

在顶部栏中，选择字体选择器。

这将打开字体面板。
{% endstep %}

{% step %}

#### 选择 <kbd><mark style="color:$primary;">上传<mark style="color:$primary;"></kbd>

在字体面板中，选择 <kbd><mark style="color:$primary;">**上传**<mark style="color:$primary;"></kbd> 选项卡。
{% endstep %}

{% step %}

#### 选择“上传字体”

选择 <kbd><mark style="color:$primary;">**上传字体**<mark style="color:$primary;"></kbd>，然后从你的电脑中选择一个字体文件。

上传的字体将显示在你的自定义字体列表中。

{% hint style="danger" %}
Beachside 仅支持 Web Open Font Format（**.WOFF** 和 **.WOFF2**)
{% endhint %}
{% endstep %}

{% step %}

#### 选择自定义字体

从列表中选择自定义字体。

所选字体将直接应用于当前文本图层。
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.theseaai.com/main/ch/gong-ju/wen-ben/zi-ti.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.