タイポグラフィ設定

Plain Jane Starter、Plain Jane、Plain Jane Interactive 向け

学べること

  • ストアのさまざまな領域のフォントを更新する方法

  • URLでカスタムフォントをアップロードして使用する方法

  • 明確な視覚的階層のためのフォントペアリングのヒント


🔧 タイポグラフィ設定にアクセスする

  1. あなたの Shopify管理画面から、に移動します オンラインストア > テーマ

  2. をクリック カスタマイズ 現在のテーマで

  3. テーマエディタで、を開きます テーマ設定 パネル(絵の具ブラシのアイコン)

  4. をクリック タイポグラフィ で完全なフォントカスタマイズメニューを開きます


🔠 フォントカテゴリ

各セクションはストアの特定の部分のフォントを制御します。デフォルトフォントを選択するか、カスタムフォントを有効にできます。

センター/サイドメニュー エントリーページのフォント

  • エントリーページ(センターまたはサイドレイアウト)のフォントを制御します

カウントダウンフォント

  • パスワードページのカウントダウンタイマーで使用されます

ヘッダーフォント

  • 見出し/タイトルにサイト全体で適用されます

段落フォント

  • 商品説明やお問い合わせページを含む一般的なテキストに使用されます

ボタンフォント

  • テーマ全体のボタンに適用されます

マーキーフォント

  • 使用されている場合、スクロールするマーキー/お知らせテキストにのみ影響します


🖋️ カスタムフォントを有効にする

デフォルトの代わりにカスタムフォントを使用するには:

  1. 切り替え カスタムフォントを有効にする

  2. を入力します フォント名 (例: Superfresh)

  3. を貼り付けます カスタムフォントのURL のための .woff または .woff2 ファイル

⚠️ ファイルは .woff または .woff2 形式でホストされている必要があります。TTFやOTFファイルは動作しません。


🌐 カスタムフォントをアップロードする方法

  1. 気に入ったフォントをダウンロードします(例: dafont.com)

  2. ファイルをに変換します .woff または .woff2 形式に変換するには cloudconvert.com

  3. に移動します Shopify管理 > コンテンツ > ファイル

  4. をクリック ファイルをアップロード してあなたの .woff ファイル

  5. アップロードされたら、をクリックします リンクアイコン ホストされたURLをコピーするために

  6. に戻ります テーマ設定 > タイポグラフィ そしてこのURLをに貼り付けます カスタムフォントのURL フィールド


✅ フォントペアリングのベストプラクティス

🎨 クリーンで一貫したデザインのために最大2〜3フォントを使用する

  • 見出し用に1つ:太字またはスタイライズされたもの

  • 本文用に1つ:クリーンなサンセリフまたはセリフ体

  • オプション:マーキーやエントリースクリーン用に追加で1つ

💡 ヒント:あまり多くのフォントを使用しすぎないでください。ストアがごちゃごちゃしたりプロらしくなく見えることがあります。


ヘルプが必要ですか?

  • 💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

最終更新