Studio：カラーとフォントの設定

カラーを設定する

ボックスを選択します。

1. ボックスを選択することで上部のメニューが変わります。
2. 「塗り」を選択します。
3. 登録する色を指定します。
4. 「カラースタイルとして登録」をクリックします。
5. 入力欄が表示されるので登録名を入力します。
6. 「チェック」ボタンを押して登録します。
   ※画面に変化がありませんが登録されています。連続してクリックしないように！

登録されたカラーを確認

7. パネル上部の「スタイル」をクリックして登録した色を確認します。
8. パネル下部の「スタイルパネルを開く」をクリックすると今まで登録したカラーが左パネルに表示されます。

左パネルに表示された登録済みのカラー一覧。

登録されたカラーを削除

9. 左メニュー「>」をクリックします。
10. 左パネルが表示されるので上部の「スタイル」を選択します。
11. 左メニュー「カラー」を選択します。
12. 削除したいカラーをクリックします。

13. 左メニューパネル右上の「…」をクリックします。
14. 「スタイルを削除」をクリックします。

フォントを設定する：簡易版

1. 左メニュー「テキスト」ツールをクリックするかテキストボックスを選択します。
2. 上部メニューの「テキスト」タブを選択します。
3. 「フォント名」をクリックしてパネルを表示します。
4. 「フォントを追加」をクリックします。

「Google Fonts」のフォント一覧が表示されます。

5. フォントサービスを変更する場合は上部のリストをクリックします。
6. フォントサービス一覧から利用したいサービス名を選択します。

7. 初めて利用するサービスの場合は使用確認画面が表示されるので「○○を使用」ボタンをクリックします。

フォントを選択します。

9. 上部の検索ウィンドウから書体を探すことができます。

2025年10月：検索欄に全角文字を入力するとパネルが消えるバグがあります。
2025年10月：検索結果がうまく表示されないバグがあります。

登録されたフォントを確認

10. テキストボックスを選択します。
11. 上部メニューの「テキスト」タブを選択します。
12. 「フォント名」をクリックしてパネルを表示します。
13. 登録されたフォント一覧が表示されるので、利用する書体を選択します。

登録されたフォントを削除

14. フォント一覧を表示し、削除したい書体の上にカーソルを乗せて「>」をクリックします。

15. パネル右上の「…」をクリックします。
16. 「フォントを削除」をクリックします。

17. 削除する書体を使用している場合は「フォントを置き換えて削除」ボタンが表示されます。クリックするとフォント置き換え画面が表示されます。

置き換えするフォントを選択して「フォントを削除」をクリックします。