カスタムフォントをアップロードできますか?

カスタムフォントとは何ですか?

A カスタムフォント Google Fontsなどの標準ライブラリにはデフォルトで含まれていない書体です。ブランドの個性を反映するために、手動でストアにアップロードする必要があります。

Shopify でカスタムフォントを使用する理由

• ページ全体でブランドの一貫性を強化する
• 標準ライブラリでは提供されていない独自のタイポグラフィを実現する
• 視覚的な階層と読みやすさを向上させる
• パーソナライズされたデザインで競合他社より目立つ

GemPages バージョン 7 でカスタムフォントをアップロードする方法

GemPagesバージョン7では、Shopifyカスタムフォントをエディター内に直接アップロードできます。Google Fontsも利用可能ですが、この機能を使えば、お好きなフォントを自由に取り込むことができます。

GemPages V7でフォントをアップロードする方法

方法1: エディター経由でフォントをアップロードする

ステップ1： GemPages エディター内で、見出しなどのテキスト設定を含む要素を選択します。 

ステップ2： フォントを準備します。

使用したいフォントをオンライン/オフラインのソースからダウンロードするか、プロバイダーから購入します。その後、フォントをコンピューターに保存して、GemPages エディターにアップロードします。

ステップ3： に行きます フォント セクションを開いてフォントリストを開きます。次に、 フォントをアップロード

ステップ4： アップロードが成功すると、フォントは アップロード のセクションから無料でダウンロードできます。

ステップ5： カスタム フォントがエディター モードとライブ ページ モードでどのように表示されるかを確認します。

方法2: グローバルスタイル経由でフォントをアップロードする

に行く グローバルスタイル とアクセス フォント管理r セクションでは、見出しと段落のカスタム フォントをアップロードできます。 

カスタムフォントを削除する方法

ステップ1： フォントオプションにマウスを合わせると、 ゴミ カスタム フォントの右側にあるアイコン。

ステップ2： その横にあるゴミ箱アイコンをクリックします。

ステップ3： 削除を確認します。

最近使用したカスタムフォントを確認する方法

ステップ1： フォントオプションで、 その他 フォント名の横にあるアイコンをクリックすると、フォント リストが表示されます。

ステップ2： フォント リストの上部に表示される最新の 3 つのフォントを確認します。

GemPages バージョン 6 でカスタム フォントをアップロードする

V7 とは異なり、GemPages V6 はフォントのホストとレンダリングに Shopify のテーマ ファイルに依存しています。

Shopifyの最近のアップデートにより、.ttfおよび.ottfファイルをテーマにアップロードできなくなりました。代わりに、フォントファイルを File あなたのセクション Shopify管理者。

ステップ1： Shopifyにフォントファイルをアップロードする

• に行く Shopify 管理 > コンテンツ > ファイル。  フォントファイルをアップロードするには、 「ファイルをアップロード」。

• 開いたウィンドウで追加するフォントファイルを選択できます。ファイルのアップロードが完了したら、 リンク ファイルリンクをコピーするにはアイコンをクリックします。

ステップ2： Shopifyテーマコードの変更

• に行く オンラインストア > テーマ。 3つのドットのボタンをクリックして選択 「コードを編集」。

• その後、ファイルを探します 「テーマ.liquid」 下 レイアウト セクションまたは検索バーから選択します。ファイルを開くには選択します。

• ファイルの下部に次のコードを追加します。

<style>

@font-face {  

  font-family: "FontName"; 

  src: url("Linkofthefontfile");

}

</style>

• 以下のコード要素を実際のデータに置き換えます。

フォント名: フォントの名前。

フォントファイルのリンク: 以前にアップロードされたフォント ファイルのリンク。リンク アイコンを選択するとコピーされます。

• 」をクリックしてくださいSave" 終わった時に。
• ファイルを探す 「theme.gem-layout-none.liquid」 下 レイアウト セクションまたは検索バーから選択します。ファイルを開くには選択します。

次に、このファイル内で前の手順を繰り返します。

ステップ3： GemPagesにフォントを追加する

• ノーザンダイバー社の GemPagesダッシュボード、編集するテンプレートを開きます。テキストベースの要素 (見出し、テキスト ブロックなど) をクリックすると、左側のサイドバーに設定が表示されます。
• 下 設定 タブで、 タイポグラフィ > フォント ドロップダウンメニューをクリックして フォントマネージャーを開きます。

• フォントマネージャで、 テーマフォント タブ。 次にクリック テーマフォントを追加する.

• 正確なフォント名をフィールドに入力してクリックします "追加。"

フォント名は大文字と小文字が区別されるため、正確な名前を入力してください。「テーマ。リキッド前の手順で示したように、「.

• 次に、フォント名の上にマウスを置き、+ アイコンをクリックしてフォントを有効にします。

• 詳しくはこちら 保存します。　 追加したフォントは、 フォント ドロップダウンの 設定 タブには何も表示されないことに注意してください。

よくあるご質問

1. Shopify のカスタムフォントとは何ですか?

カスタムフォントとは、Google Fontsなどの組み込みフォントではなく、Shopifyストアに手動でアップロードするフォントです。ブランドの一貫性を維持し、ストアに独自の外観を与えるのに役立ちます。

2. Shopifyにフォントを追加するにはどうすればいいですか?

Shopifyにフォントを追加するには、Shopify管理画面の「ファイル」セクションにフォントファイルをアップロードし、テーマコードで@font-faceを使用して適用する必要があります。GemPagesでは、エディター内でフォントを管理できるため、このプロセスが簡素化されます。

3. フォントをShopifyに直接アップロードできますか?

はい、Shopify管理画面の「コンテンツ」>「ファイル」セクションからShopifyにフォントをアップロードできます。アップロード後、テーマのLiquidファイル内のカスタムコードを使用してファイルにリンクできます。

4. GemPages にフォントをアップロードするにはどうすればよいですか?

GemPages では、フォントをアップロードする方法が 2 つあります。

• バージョン 7 では、フォント マネージャーで直接アップロードできます。
• バージョン 6 では、フォントを Shopify にアップロードし、「テーマフォント」機能を使用して GemPages に統合します。

5. GemPages でカスタムフォントを管理できるのはどこですか?

すべてのカスタムフォントは、フォントマネージャで管理できます。 グローバルスタイル 個々のページエディターから、必要に応じてフォントをアップロード、有効化、削除できます。