概要 #
フォント設定では、テキストの見た目に関する詳細な調整が可能です。
フォントの種類やサイズ、色、行間、文字間、装飾（太字・斜体・下線・打ち消し線）などを自由に設定でき、
コンテンツの印象や可読性を高めるためのカスタマイズに役立ちます。
※フォント設定は、FAQやコンテンツBOXなど、一部の特定オブジェクトにのみ表示・設定が可能です。
テキストオブジェクトなど、すべての要素に適用できるわけではありませんのでご注意ください。
フォントの設定説明 #
フォント設定の各項目の説明 #
フォント設定では、テキストのスタイルや視認性を調整するための詳細な設定が可能です。各項目の説明は以下の通りです。
- 適用テキスト
編集対象のテキストスタイル（例：テキスト1、テキスト2など）を選択します。
オブジェクト毎にテキスト1～テキスト3にそれぞれ割り当てられた部分のスタイルを変更できるようになります。
※例：FAQオブジェクトの場合、「テキスト1」は「質問側」、「テキスト2」は「回答側」のテキストに適用されます。 - フォント形式
太字（B）、斜体（I）、下線（U）、打ち消し線（S）の装飾を適用できます。 - フォント
使用するフォントを指定します。「指定しない」を選ぶとデフォルトフォントが適用されます。 - テキストカラー
テキストの色を16進数カラーコードで指定できます。カラーパレットから選ぶことも可能です。 - テキスト背景カラー
テキストの背景色を設定します。透明にしたい場合はそのまま空欄にします。 - フォントサイズ
テキストの大きさを調整します。 - 行間
テキストの行と行の間隔を指定します。読みやすさを調整するために使用します。 - 文字間
文字と文字の間隔を指定します。デザインのバランス調整に有効です。 - 配置
テキストの配置を左揃え・中央揃え・右揃え・両端揃えから選択します。
各オブジェクトの適用テキストについて #
リストオブジェクトの適用テキストについて #
例としてリストオブジェクトのイメージリストでは、各項目内のテキストに対して「テキスト1」「テキスト2」「テキスト3」の3種類を使い分けることができます。
「適用テキスト」の設定を切り替えることで、それぞれのテキストに異なるスタイル（色・サイズ・フォントなど）を適用できます。
- テキスト1：主に見出しや名前など、最上段に表示されるテキストです。
- テキスト2：テキスト1の補足説明やサブ情報など、小さめに表示されるテキストです。
- テキスト3：リスト右側に表示される項目です。価格や数値、アクションなどに使われることが多く、目立つ位置に配置されます。
各テキストはそれぞれ独立してデザイン設定が可能で、
例として「テキスト1は太字・大きめ」、「テキスト2はグレーで小さく」、「テキスト3は右寄せで目立たせる」といった使い分けができます。
FAQオブジェクトの適用テキストについて #
例としてFAQオブジェクトのアイコンスタイルでは、各QA項目に対して「テキスト1」「テキスト2」の2種類のスタイルを使い分けることができます。
設定画面の「適用テキスト」から選択することで、それぞれのテキストに異なるスタイル（色・サイズ・フォントなど）を適用できます。
- テキスト1：
質問部分（Q）に適用されるスタイルです。
一般的に太字や強調されたスタイルで表示し、ユーザーの目を引く構成になっています。 - テキスト2：
回答部分（A）に適用されるスタイルです。
説明文としてまとまった文章が入るため、読みやすさを意識したスタイルの設定が推奨されます。
スタイル設定は、それぞれのテキストに対して個別に適用可能で、カラー・フォント・サイズ・装飾など柔軟にカスタマイズできます。
FAQの構成要素に応じて適切なスタイルを設定することで、情報の伝わりやすさと見た目の整合性を向上させることができます。
コンテンツBOXオブジェクトの適用テキストについて #
例としてコンテンツBOXのイメージスタイル1では、「テキスト1」「テキスト2」「テキスト3」の3つのテキストスタイルを使い分けることができます。
主に以下のような用途でそれぞれ適用されます。
- テキスト1（図中①）：
メインとなる見出しに使われます。
強調された太字スタイルで、情報の主旨を明確に伝える要素です。 - テキスト2（図中②）：
日付やカテゴリなど、補足的な情報に使用されるスタイルです。
小さめで淡い色に設定されることが多く、背景とのバランスを取る役割を果たします。 - テキスト3（図中③）：
本文に相当する段落で、詳細な説明や本文コンテンツに使用されます。
長文にも対応し、可読性を重視した設定が適しています。
それぞれのテキストには、色・サイズ・行間・フォント形式・配置などを個別に設定できるため、
記事や告知・お知らせなどの情報を視認性高く整理することができます。
フォームデザインの適用テキストについて #
フォームオブジェクトでは、質問や選択肢などの各テキストに対して「適用テキスト」を設定できます。
それぞれの役割に応じて、色・フォント・サイズなどを個別に調整することで、読みやすさと視認性を高めることができます。
- 質問No.（図中①）：
各設問の番号部分に適用されます。小さめで目立ちすぎないスタイルにすると見やすくなります。 - 質問文（図中②）：
設問の本文にあたる部分で、ユーザーに伝えたい内容を記述します。
フォントサイズや太さで強調すると、視認性が高まります。 - 説明文（図中③）：
補足情報や出題意図などを伝える部分に適用されます。
本文よりやや控えめなトーンでデザインされることが一般的です。 - 選択肢（図中④）：
ラジオボタンやチェックボックスなど、回答候補のテキストに適用されます。
シンプルかつ明瞭なスタイルにすることで、誤選択の防止にもつながります。
これらのテキストは、右パネルの「適用テキスト」からそれぞれ選択したうえで、フォントやカラー等を自由にカスタマイズ可能です。