# タイポグラフィ設定

> **学べること**
>
> * ストアの異なる領域のフォントを更新する方法
> * URLでカスタムフォントをアップロードして使用する方法
> * クリーンな視覚的階層のためのフォントペアリングのヒント

***

### 🔧 タイポグラフィ設定にアクセス

1. あなたの管理画面から **Shopify 管理画面**に移動し、 **オンラインストア > テーマ**
2. クリック： **テキストの** 現在のテーマで
3. テーマエディタで、を開きます **テーマ設定** パネル（ペイントブラシのアイコン）
4. をクリックします **タイポグラフィ** 完全なフォントカスタマイズメニューを開くには

***

### 🔠 フォントカテゴリ

各セクションはストアの特定部分のフォントを制御します。デフォルトフォントから選択するか、カスタムフォントを有効にできます。

#### 中央／サイドメニューのエントリーページフォント

* エントリーページ（中央またはサイドレイアウト）のフォントを制御します

#### カウントダウンフォント

* パスワードページのカウントダウンタイマーで使用されます

#### ヘッダーフォント

* サイト全体の見出し／タイトルに適用されます

#### 段落フォント

* 商品説明や会社概要ページを含む一般テキストに使用されます

#### ボタンフォント

* テーマ全体のボタンに適用されます

#### マーキューフォント

* 使用されている場合のみ、スクロールするマーキー／お知らせテキストに影響します

***

### 🖋️ カスタムフォントを有効にする

デフォルトの代わりにカスタムフォントを使用するには：

1. 切り替え： **カスタムフォントを有効化**
2. を入力してください **フォント名** （例: `Superfresh`)
3. に貼り付けます **カスタムフォントのURL** のための `.woff` または `.woff2` ファイル

> ⚠️ ファイルは次の形式でホストされている必要があります `.woff` または `.woff2` 形式。TTFやOTFファイルは動作しません。

***

### 🌐 カスタムフォントをアップロードする方法

1. 気に入ったフォントをダウンロードします（例： [dafont.com](https://www.dafont.com))
2. ファイルをに変換します `.woff` または `.woff2` 形式には [cloudconvert.com を使用します](https://cloudconvert.com/)
3. 移動先： **Shopify 管理 > コンテンツ > ファイル**
4. クリック： **ファイルをアップロード** して、あなたの `.woff` ファイル
5. アップロード後、をクリックします **リンクアイコン** ホストされたURLをコピーするには
6. に戻り、 **テーマ設定 > タイポグラフィ** このURLをに貼り付けます **カスタムフォントのURL** フィールド

***

### ✅ フォントペアリングのベストプラクティス

> 🎨 クリーンで一貫したデザインのために最大2〜3つのフォントを使用してください

* **見出し用に1つ**： 太字またはスタイライズされたもの
* **本文用に1つ**： クリーンなサンセリフまたはセリフ体
* **任意**： マーキーやエントリースクリーン用に追加で1つ

> 💡 ヒント：フォントを多用するとストアが散らかったりプロフェッショナルでない印象を与えることがあるので避けてください。

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: 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:

```
GET https://docs.openspaces.design/english-ja/readme-1/theme-settings/typography-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.