内蔵のピッカーから Googleフォントを選ぶか、テーマがすでに読み込んでいるフォントを再利用して、ストアの他の部分とメニューを統一します。
フォントを変更する
-
フォントタブを開く
メニューエディターで、左サイドバーの A アイコンをクリックします。フォント設定 パネルが開きます。
-
フォントを選ぶ
メインメニュー などのグループで、カスタムフォントを使用する をオフのままにします。フォントファミリー をクリックして、フォントとスタイルを選びます。
(1) フォント(Font family)、(2) サイズ(Font size)。 -
サイズを設定する
フォントサイズ を調整し、プレビューを確認します。
-
保存して公開する
保存 をクリックし、公開 をクリックします。アプリがストアフロントで Googleフォントを読み込みます。
-
テーマのフォント名を確認する
Shopify管理画面で、オンラインストア > テーマ > カスタマイズ > テーマ設定 > タイポグラフィ に移動します。正確な名前(例:
Instrument Sans)を控えておきます。 -
カスタムフォントを使用するをオンにする
フォント タブで、変更したいグループの カスタムフォントを使用する (1) をオンにします。
カスタムフォントを使用するをオンにし (1)、フォントファミリーにフォント名を入力します (2)。 -
フォント名を入力する
フォントファミリー (2) に名前を入力し、Font weight(フォントの太さ) と フォントサイズ を選びます。必要に応じて他のグループでも繰り返します。
-
保存して公開する
保存 をクリックし、公開 をクリックします。
フォントのグループ
フォント設定 パネルには5つのグループがあり、それぞれ個別にスタイルを設定できます。
- メインメニュー
- メニューバーのトップレベル項目。
- タブ
- タブメニューのタブ名。
- サブメニューの見出し
- サブメニュー内の見出し(リンクリストのタイトルなど)。
- サブメニューテキスト
- サブメニュー内のリンクとテキスト。
- サブメニューの説明
- 項目の下にある小さな説明テキスト。
設定
すべてのグループに同じ設定があります。
- カスタムフォントを使用する
- オフ:ピッカーから Googleフォントを選びます。オン:テーマがすでに使っているフォントの名前を入力します。
- フォントファミリー
- フォントピッカーを開きます。カスタムフォントを使用する がオンのときは、フォント名を入力するテキストフィールドになります。
- Font weight
- カスタムフォントを使用する がオンのときに表示されます。細いものから極太まで、斜体のスタイルも含みます。
- フォントサイズ
- pxでのサイズ。10から60まで。
このページは役に立ちましたか?
フィードバックありがとうございます。 足りなかった情報を教える
問題を報告