Elementor でサイトのグローバルフォントを変更する方法 | サイト全体のビジュアル効果を統一する

ウェブサイトのフォントスタイルを全ページで統一表示し、自動的に継承させたいですか？最も簡単でプロフェッショナルな方法は、エレメンタグローバルフォント（Global Fonts）設定を変更します。本チュートリアルでは、ページごとに調整する必要なく、ウェブサイトの視覚的な一貫性を簡単に維持できる、グローバルフォントの正しい変更方法をステップバイステップでご紹介します。

一、なぜElementorのグローバルフォントを使用するのか？

グローバルフォントを使用することで、ウェブサイトは即座に以下のメリットを得られます：

視覚効果を統一し、タイトル、本文、ボタンなどのテキストが自動的に同一のフォントスキームを継承するようにする
重複作業を減らし、一度修正すればサイト全体に反映されます
マルチデバイス対応、スマートフォン・タブレット・デスクトップに自動適応
今後のメンテナンスを容易にし、フォントの混乱や一部ページのフォント制御不能を回避する

二、Elementor でよく使われるフォントのソースにはどのようなものがありますか？

フォントを変更する前に、Elementorにおけるフォントのソース階層を理解する必要があります：

テーマフォント、例えば Hello、Astra、ケイデンステーマが提供するレイアウト設定
Elementor グローバルフォント
Elementor ウィジェットフォント（個別設定時はグローバル設定を上書きします）

フォントの変更を一度でサイト全体に反映させるためには、個々のコンポーネントを個別に調整するのではなく、グローバルフォントの設定を変更する必要があります。

三、Elementor でグローバルフォントを変更する方法

ステップ1：グローバルデザイン設定を開く

Elementorで任意のページを編集する
左上のハンバーガーメニュー（三本線）をクリック
サイト設定を選択

Typography（タイポグラフィ）を開く

ステップ 2：グローバルフォントの変更

Elementor はデフォルトで、サイト全体で継承可能な4つのフォントグループを提供しています：

Primary（主要フォント：本文）
Secondary（補助フォント）
Text（一般テキスト）
Accent（強調テキスト：ボタンと重要なコピー）

各フォントグループごとに設定可能です：

フォントファミリー（Font Family）
フォントサイズ
太さ（Font Weight）
ラインの高さ
文字間隔（Letter Spacing）

ステップ3：サイト全体を保存して適用

設定完了後、Update（更新）をクリックしてください
サイト全体のフォントは即座に更新され、ページごとに修正する必要はありません。

四、タイトルと本文のフォントをそれぞれ設定するには？

Elementorは、異なる階層の見出しに対して個別にフォントを設定することをサポートしています。

パス

サイト設定 → タイポグラフィ → 見出し

H1、H2、H3、H4、H5、H6 それぞれに異なるフォントとスタイルを設定できます。一般的な推奨事項：

タイトルのフォントはスタイリッシュな書体を選択し、より太く、より目立つようにする
本文のフォントは可読性の高いフォントを選択してください

よくある組み合わせ例：

用途	推奨フォント
見出し H1–H3	プレイフェア・ディスプレイ、モンセラット、ポピンズ
本文 Paragraph	Roboto、Open Sans、Inter

モンセラットフォント

五、フォントが変わらない場合はどうすればよいですか？

以下はフォント変更が無効になる一般的な原因と解決方法です：

1. テーマによる Elementor フォントのオーバーライド

解決策
テーマのレイアウト設定に入り、テーマ付属のフォント制御を無効化（Kadence、アストラ（テーマによってはこのオプションがあります）

2. Elementor Kit はフォントをカバーしています

Elementor → サイト設定
Kit設定がレイアウトに影響するかどうかを確認する

3. キャッシュが更新されていません

クリア：Elementorキャッシュ、WPキャッシュ、シーディーエヌキャッシュ、ブラウザキャッシュ

六、カスタムフォントの追加方法（任意）

ブランドフォントや特殊フォントをアップロードする必要がある場合：

Elementor → カスタムフォント → 新規追加

以下の形式をサポートします：

.ttf
.woff
.woff2
イート

アップロードが成功すると、グローバルフォントリストから選択して使用できます。

概要

エレメンタグローバルフォント機能により、サイト全体のフォントスタイルを簡単に管理でき、以下の実現が可能です：

視覚的統一
メンテナンスが容易
効率的な修正
複数デバイス間の一貫性

サイト設定 → タイポグラフィにアクセスするだけで、サイト全体のフォント調整が完了します。これはすべてのElementorユーザーが習得すべき基本スキルです。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み