Astra ThemesがGoogle Fontsとどのように連携し、統一されたブランドのフォントスタイルを作成するか

WordPressで最も人気のある軽量テーマの一つであるAstraは、柔軟なタイポグラフィ設定とGoogle Fontsとの深い統合を備えており、企業サイトやブランドブログが統一された美しいフォントシステムを迅速に構築するのに役立ちます。この記事ではアストラテンプレートにGoogle Fontsを組み合わせる方法は、一貫したブランドのフォントスタイルを実現し、ウェブサイトの視覚的なプロフェッショナリズムを高めるのに役立ちます。

1.グーグルフォントを使う理由

グーグルフォント豊富なオープンソースフォントライブラリを提供：

商用利用無料、著作権フリー
中国語、日本語、韓国語、ラテン語など、多言語に対応。
様々なフォントのウエイトとバリエーションで、デザインやレイアウトを簡単に。

高速ロードのためのグローバルCDNアクセラレーション

ブランドのウェブサイトでは、統一されたフォントを選ぶことで一貫したブランドイメージを確保し、ブランドに対するユーザーの認知度を高めることができます。

2.アストラとグーグルフォントの統合の利点

アストラのテーマにはGoogleフォントが組み込まれており、プラグインをインストールする必要はありません。
にて入手可能。 カスタマイザー から直接フォントを選択します。
また、一貫したスタイルを維持するために、ヘッダー、本文、ボタンなどのサイト全体のフォントを修正する。
Elementorと互換性があります、ビーバービルダーフォント設定が競合しないページビルダーなど

3.AstraでGoogle Fontsを設定する方法

ステップ1：WordPressカスタマイザーにアクセスする

WordPressバックエンドにログイン
左メニュークリック 外観 > カスタマイズ

ステップ2：組版設定の選択

カスタマイザーメニューで "全体像"

オプション "タイポグラフィ"

ここでは、基本組版や見出しなど、Astraが提供する組版オプションをご覧いただけます。

ステップ3：グローバルフォントの設定

ある 「ベースタイポグラフィ" での フォントファミリー ドロップダウンメニュー

ブランドのメインフォントを検索して選択する。 ロボトそしてラトそしてオープン・サン 他
フォントの太さを設定します（例：ノーマル400、ボールド700）。

フォントサイズと行の高さを設定し、コンテンツが明瞭で読みやすくなるようにします。

ステップ4：タイトルのフォントを設定する

組版メニューに戻って 「ヘディング・フォント
H1〜H6のフォントファミリーをそれぞれ設定し、本文のフォントファミリーと同じにする。書体同じ、または別のブランドのセカンダリー・フォント

一貫したブランディングスタイルを維持するために、フォントの太さ、サイズ、行の高さを調整する。

4.フォントマッチングの例

以下の一般的なブランドフォントの組み合わせは、Astraでの使用に適しています：

ロボト＋ロボト・スラブ
本文にはRobotoを、見出しにはRoboto Slabを使用することで、技術的でプロフェッショナルな印象を与える！

オープン・サン＋モンセラット
本文はOpen Sans、見出しはMontserrat。

ラト＋ラト
キャプション本文との統一性ラート、視覚的な清潔さ、一貫性

フォントを選ぶ際は、ブランドロゴやビジュアル・システムと一貫性を持たせ、統一感を出すようにしましょう。

5.グーグルフォントの読み込み速度の改善

グーグルフォント・グローバル CDNアクセラレーションしかし、アクセスは遅いし、お勧めできない地域もある：

利用する OMGFプラグイン Google Fontsをローカルサーバーにダウンロードして読み込み速度を向上させる

ウェブサイトのユーザーが主に中国本土からの場合、フォントファイルをローカルにホスティングすることで、読み込みの失敗を避けることができます。

6.アストラ＋エレメンターのフォント設定の注意点

を使用する場合エレメンタページを編集するには、Elementorのグローバル設定を 「デフォルト フォントは、ページがAstraグローバルフォントを継承し、一貫性のないフォントにつながる重複定義を避けるようにします。

オペレーション・パス：

Elementorエディターに移動します。
左上のメニューをクリック "サイト設定"

タイポグラフィの設定で、継承するフォントをデフォルトに設定する。

7.概要

あるアストラこのテンプレートにはGoogleフォントが使用されており、企業サイトや個人のブランディングに役立ちます：

統一されたタイポグラフィ・スタイルを素早く確立
視覚的な一貫性とプロ意識を高める
アフターメンテナンスやブランドのアップグレードに便利

適切なGoogle Fontsを選択し、Astraで適切に設定することは、ウェブサイトをブランディングするための重要な土台となります。

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