カスタムフォントを使用するには？

注目のリンク

1. カスタムフォント設定に関するCompany XYZドキュメント
2. Theme Settingsのカスタマイズに関するShopifyドキュメント
3. テーマエディターに関するShopifyドキュメント

役立つ動画

Shopify Academy動画：ストアをカスタマイズする

Shopify Academy動画：ストアをカスタマイズする

Alignには、Theme settings → Fonts に組み込みフォントが用意されています。必要なフォントがそこにない場合は、ライセンス取得済みのカスタムフォントを追加して、特定のテキストスタイルに割り当てることができます。

カスタムフォントを追加する

1. テーマエディターで、Theme settings → Fonts を開きます。
2. Custom fonts で、次のいずれかの方法を使用してフォントを追加します。
   • フォントプロバイダーから提供されたコードを使用する。または
   • ホスト型の .woff または .woff2 フォントファイルのURLを使用する。
3. プロバイダーまたはホスト型フォントで定義されているフォントファミリー名を正確に入力します。
4. カスタムフォントの割り当てで、本文、ボタン、キャプション、カードタイトル、選択した見出しレベルなど、フォントを使用する場所を選択します。
5. 適切なウェイトとスタイルを設定し、変更を保存します。
6. 複数のテンプレートをプレビューして、読みやすさと一貫性を確認します。

テーマエディターの一般的なナビゲーションについては、テーマエディターに関するShopifyドキュメントを参照してください。

まずはメインの見出しなど、重要な役割の1つに適用してから、より広範囲にフォントを適用してください。対応しているすべてのオプションについては、Alignカスタムフォント設定のリファレンスを参照してください。

適切なライセンスを取得したフォントファイルを使用し、ファミリー名とファイルURLを慎重に確認してください。フォントを読み込めない場合、ストアフロントではフォールバックフォントが使用されます。