タイポグラフィ(書体)

ここでは、ボディ、タイトル、ボタンとインプット、メニューのフォントを個別に変更することができます。ボディ、タイトル、ボタンとインプット、メニューに分けてフォントを変更することができます。

テーマ設定→タイポグラフィ(書体)

ボディ

このセクションでは、本文のフォントを変更することができます。「ベースフォントファミリー」リストから好きなものを選んでください。

見出し、ボタン、入力、メニューに別のフォントを選択したい場合は、オプション「ベースフォントファミリー」を無効にしてください。

「追加書体の適用」のドロップダウンリストでは、フォントファミリーの追加スタイルを選択できます。太字、イタリック、太字・イタリック、 太字イタリック体。スタイルを適用しない場合は、"なし"を選択します。

10~60pxの「ベースフォントのサイズ」では、ベースとなるフォントの大きさを選ぶことができます。

見出し

ここでは、あなたのストアの見出しのフォントをカスタマイズすることができます。「フォントファミリー 」では、すべての見出しのフォントを変更することができます。

「追加書体の適用」のドロップダウンリストでは、フォントファミリーの追加スタイルを選択できま す。 Bold, Italic, Bold & italic, Bold italic。スタイルを適用しない場合は、「なし」を選択します。

「プロモボックスの大きいテキストのサイズ (h1)」と「プロモボックスのテキストのサイズ (h2)」の10~100pxのスケールでは、バナーのテキストのサイズを変更することができます。

「レイアウト」ブロックのプロモボックス(バナー)には、タイプ#1のv1(画像の上にテキスト)を選びます。h1を44pxに変更しました。そして、このような結果になりました。

そしてこの例では、「レイアウト」ブロックのプロモボックス(バナー)に「タイプ#1 v17」を選択しました 。

「ページタイトルのサイズ (h3)」の目盛りを10~60pxにすることで、ページのタイトルの大きさを変更できます。

「セクションのタイトルのサイズ (h4)」のスケールを10~60pxにすると、どのページでもセクションのタイトルのサイズを変更できます。

「メニューのタイトルのサイズ (h5)」のスケールを10~60pxにすると、どのページでもメニューのタイトルの大きさを変更できます。

「ハイライトテキストのサイズ (h6)」のスケールが10~60pxの場合、コレクションの商品タイトルと商品タイプのサイズを変更できます。

ボタンとインプット

「ボタンのフォントファミリー」では、ボタンのフォントを変更することができます。

「ボタンのフォントサイズ」のスケール(10~60px)では、ボタンのテキストのサイズを変更できます。

「インプットのフォントサイズ」スケール(10~60 px)では、入力(例:プレースホルダーのテキスト)のサイズを変更できます。

メニュー

このセクションでは、メニューのフォントを変更することができます。「フォントファミリー」のリストから適切なものを選択してください。

「ファーストレベルのフォントサイズ」では、10~60pxの範囲で、第一レベルのメニューテキストのサイズを変更できます。

「リストのフォントサイズ」のスケールが10~60pxの場合、メニューリストのフォントサイズを変更できます。

「タイトルのフォントサイズ」では、10~60pxの範囲で、メニューのタイトルのフォントサイズを変更できます。

「モバイルメニューのフォントサイズ」のスケールを10~60pxにすると、モバイル版のメニューのフォントサイズを変更できます。

オルタネイトフォントファミリー

このセクションでは、任意の要素にクラス「ff-alternative」を追加して、このフォントファミリーを適用することができます。

「フォントファミリー」のリストから好きなものを選んで、要素のフォントを変更することができます。

「追加書体の適用」のドロップダウンリストでは、フォントファミリーの追加スタイルを選択できます。

  • 太字

  • イタリック

  • 太字・イタリック

  • 太字イタリック体

スタイルを適用しない場合は、「なし」を選択します。

Last updated