タイポグラフィ設定
Plain Jane Starter、Plain Jane、Plain Jane Interactive 向け
学べること
ストアの異なる領域のフォントを更新する方法
URLでカスタムフォントをアップロードして使用する方法
クリーンな視覚的階層のためのフォントペアリングのヒント
🔧 タイポグラフィ設定にアクセス
あなたの管理画面から Shopify 管理画面に移動し、 オンラインストア > テーマ
クリック: テキストの 現在のテーマで
テーマエディタで、を開きます テーマ設定 パネル(ペイントブラシのアイコン)
をクリックします タイポグラフィ 完全なフォントカスタマイズメニューを開くには
🔠 フォントカテゴリ
各セクションはストアの特定部分のフォントを制御します。デフォルトフォントから選択するか、カスタムフォントを有効にできます。
中央/サイドメニューのエントリーページフォント
エントリーページ(中央またはサイドレイアウト)のフォントを制御します
カウントダウンフォント
パスワードページのカウントダウンタイマーで使用されます
ヘッダーフォント
サイト全体の見出し/タイトルに適用されます
段落フォント
商品説明や会社概要ページを含む一般テキストに使用されます
ボタンフォント
テーマ全体のボタンに適用されます
マーキューフォント
使用されている場合のみ、スクロールするマーキー/お知らせテキストに影響します
🖋️ カスタムフォントを有効にする
デフォルトの代わりにカスタムフォントを使用するには:
切り替え: カスタムフォントを有効化
を入力してください フォント名 (例:
Superfresh)に貼り付けます カスタムフォントのURL のための
.woffまたは.woff2ファイル
⚠️ ファイルは次の形式でホストされている必要があります
.woffまたは.woff2形式。TTFやOTFファイルは動作しません。
🌐 カスタムフォントをアップロードする方法
気に入ったフォントをダウンロードします(例: dafont.com)
ファイルをに変換します
.woffまたは.woff2形式には cloudconvert.com を使用します移動先: Shopify 管理 > コンテンツ > ファイル
クリック: ファイルをアップロード して、あなたの
.woffファイルアップロード後、をクリックします リンクアイコン ホストされたURLをコピーするには
に戻り、 テーマ設定 > タイポグラフィ このURLをに貼り付けます カスタムフォントのURL フィールド
✅ フォントペアリングのベストプラクティス
🎨 クリーンで一貫したデザインのために最大2〜3つのフォントを使用してください
見出し用に1つ: 太字またはスタイライズされたもの
本文用に1つ: クリーンなサンセリフまたはセリフ体
任意: マーキーやエントリースクリーン用に追加で1つ
💡 ヒント:フォントを多用するとストアが散らかったりプロフェッショナルでない印象を与えることがあるので避けてください。
ヘルプが必要ですか?
💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ: support@openspaces.design
💻 ライブチャット: 月〜金、現地時間午前10時〜午後6時(EST)に当社ウェブサイトで直接対応
最終更新