テキストとタイポグラフィの設定の概要

この記事では、 テキストとタイポグラフィの設定 GemPagesで、フォントサイズ、色、配置、間隔、影などをカスタマイズしてテキストのスタイルを設定する方法を学びましょう。

テキストとタイポグラフィについて

テキストとタイポグラフィ はデザインの重要な要素です。見た目の美しさを超えて、ブランドの個性を反映し、ユーザーエクスペリエンスにも影響を与えます。

GemPages では、テキストのスタイル設定をより簡単に、より直感的に行えるように、テキストとタイポグラフィの設定を常に更新しています。見出しを作成する場合でも、本文のテキストをカスタマイズする場合でも、これらの設定により精度と柔軟性が向上します。

利用可能なオプションの詳細は次のとおりです。

ブランドに合わせてテキストスタイルをカスタマイズできます。

オプション	詳細説明
スタイル	簡単に選択見出し or 段落テキストの目的を定義します。
フォント	膨大なライブラリからフォントを選択するか、カスタムフォントをアップロードするブランドの一貫性を維持するためです。
サイズ	正確なスケーリングのために、フォントサイズをピクセル (px) 単位で設定します。
スタイルオプション	強調を追加する大胆な, イタリックまたは下線.
色圏	ブランドパレットに合わせてテキストの色をカスタマイズします。
整列	テキストを揃える左, センター, 右、または使用する正当化するバランスのとれた見た目になります。
フォントの太さ	読みやすさを向上させるために太さを調整します (例: 細字、中字、太字)。
行の高さ	行間の垂直間隔を制御して、すっきりとしたレイアウトを実現します。
文字間隔	読みやすさを向上させたり、特定のデザインスタイルを実現するために、文字間の間隔を微調整します。
テキスト変換	次のような効果を適用する大文字, 小文字または資本化する.
Shadow	テキストの影で深みとスタイルを追加します。

テキストスタイルの詳細については、次の記事を参照してください。 テキストスタイルを変更するには?.

テキストの背景として、単色/グラデーションの背景色を設定したり、画像を使用したりすることができます。

見出しタグ (H1、H2、H3 など): これらのタグは、検索エンジンがコンテンツ階層を理解するのに役立ちます。例:

一般的には、 デフォルト設定のままにします。

GemPages では、これらのスタイルはグローバルスタイルで定義されたフォントサイズに対応します。

参照するこの記事グローバルスタイルの詳細については、こちらをご覧ください。