> 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 %}

#### 「All」を選択

書体パネルで、次を選択します： <kbd><mark style="color:$primary;">**All**<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 %}

#### 「Upload」を選択

書体パネルで、次を選択します： <kbd><mark style="color:$primary;">**アップロード**<mark style="color:$primary;"></kbd> タブを選択します。
{% endstep %}

{% step %}

#### 「Upload Font」を選択

を選択 <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.