> 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/jp/tsru/tekisuto/shu-ti.md).

# 書体

{% hint style="danger" %}
**テキスト** ベータ機能のため、期待どおりに動作しない場合があります。

現在、テキストを作成できるのは「テキストレイアウト」タスクのみです。ほかのタスクで使用すると、平坦化された予測しづらい結果になる場合があります。この機能は、今後順次すべてのタスクでご利用いただけるようになります。
{% endhint %}

***

## システムフォント

**西欧文字と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テキストが欠字ボックス（□）で表示されることがあります。

### システムフォントの使い方

{% stepper %}
{% step %}

#### 「テキスト」ツールまたは既存のテキストレイヤーを選択 

* 下部ツールバーで、 <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> タブを選択します。

一覧には、各書体名が実際のスタイルで表示されます。
{% endstep %}

{% step %}

#### 書体を選択

一覧から目的の書体を選択します。

選択した書体は、アクティブなテキストレイヤーにそのまま適用されます。
{% endstep %}
{% endstepper %}

***

## カスタムフォント

{% hint style="danger" %}
**フォントのライセンス**

カスタムフォントを使用する際は、用途に合った適切なライセンスとファイル形式をご確認ください。Beachside にフォントをアップロードしても、フォントライセンスで定義された権限を超える商用利用権が付与されるわけではありません。
{% endhint %}

独自の書体をアップロードして、すべてのレイアウトでブランドの一貫性を保ちましょう。Beachside が対応しているのは Web Open Font Format（**.WOFF** と **.WOFF2**)

### カスタムフォントのアップロードと使用方法

{% stepper %}
{% step %}

#### 「テキスト」ツールまたは既存のテキストレイヤーを選択&#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> タブを選択します。
{% 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/jp/tsru/tekisuto/shu-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.