> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# フォントと画像をアップロードする

> 独自のブランドフォントや画像をビジュアルテンプレートで使用し、アップロードしたファイルを管理します。

独自のブランドフォントで書類を印刷したり、署名、印影、バナーなどの画像を追加したりできます。どちらもビジュアルエディタでアップロードし、ストアに保存されるため、どのテンプレートでも使用できます。

## 始める前に

* フォントと画像のアップロードはビジュアルエディタの機能です。フォントのアップロードは独立したプランの機能（**Font upload**）です。どちらもご利用のプランによって異なります。詳しくは[ビジュアルエディタのプラン別の利用可否](https://foliant-help.iforiti.com/jp/template-editor/visual-editor-plans.md)をご覧ください。
* アップロードしたフォントと画像はすべて、プランのファイルアップロード上限に含まれます。画像フィールドに、残りのアップロード数が表示されます。

## フォントをアップロードする

1. **書類のスタイル**を開き、**タイポグラフィ › アップロードしたフォント**に移動します。
2. **フォントをアップロード**をクリックします。
3. \*\*フォントファイル（WOFF2、WOFF、TTF、OTF、2 MBまで）\*\*を選択します。
4. **フォント名**を入力します。これはフォントの一覧に表示される名前です。文字、数字、スペース、ハイフンを使用してください。
5. **ウェイト**（**レギュラー**または**ボールド**）と**スタイル**（**正体**または**イタリック**）を選択します。
6. **このフォントを書類で使用する権利があります**にチェックを入れます。
7. **アップロード**をクリックします。

これで、フォントが**見出し**と**本文**の一覧に「(uploaded)」として表示されます。太字や斜体もそのフォントで表示するには、同じフォント名で各ウェイトとスタイルをアップロードしてください。1 つのテンプレートで使用できるアップロードしたフォントファイルは 8 個までです。

## 画像を追加する

1. **画像**ブロックを追加するか、既存のブロックを選択します。
2. **コンテンツ**で**画像**を選択します。
   * **ストアのロゴ**: **設定 › ブランディング**のロゴです。
   * **URL の画像**: **画像の URL** を入力します。
   * **アップロードした画像**: **画像をアップロード**をクリックして 2 MB 以下の PNG、JPG、GIF、SVG、WebP ファイルを選択するか、**アップロードした画像**から選択します。
3. **幅**（40～400 px）を設定します。

**アップロードした画像**には、アップロードした画像と、それを使用しているテンプレートが一覧表示されます。ブロックの画像を変更するには、**置き換え**または**削除**を使用します。

## アップロードしたフォントや画像を削除する

* **フォント**: **アップロードしたフォント**で、対象の横にある削除ボタンをクリックします。
* **画像**: **アップロードした画像**で、対象の横にある削除ボタンをクリックし、**画像を削除**で確定します。この操作は元に戻せません。

テンプレート（またはその下書き）や保存したブロックでまだ使用されているフォントや画像は削除できません。Foliant に使用箇所が表示されるので、先にそちらを変更してください。

## 補足情報

* 削除はプランの変更後でもいつでも可能です。アップロード枠を空けることができます。
* 90 日以上前にアップロードされ、どのテンプレート、下書き、保存したブロックでも使用されていない画像は自動的に削除されます。テンプレートの履歴にある古いバージョンは、画像を使用しているとはみなされません。
* ご利用のプランに **Font upload** が含まれなくなった場合、再度プランを変更するまで、書類はアップロードしたフォントではなく標準のフォントで印刷されます。
* アップロード上限に達した場合は、使用しなくなったファイルを削除するか、**アップロード枠を追加**を選択してください。詳しくは[アドオン](https://foliant-help.iforiti.com/jp/billing-and-plans/add-ons.md)をご覧ください。
* コードテンプレートでは、引き続き `<img>` タグでウェブアドレスを指定して任意の画像を使用できます。

## 関連記事

* [書類のスタイル](https://foliant-help.iforiti.com/jp/template-editor/document-styles.md)
* [ブロックリファレンス](https://foliant-help.iforiti.com/jp/template-editor/block-catalogue.md)
* [ビジュアルエディタのプラン別の利用可否](https://foliant-help.iforiti.com/jp/template-editor/visual-editor-plans.md)
* [アドオン](https://foliant-help.iforiti.com/jp/billing-and-plans/add-ons.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.