Astra, one of the most popular lightweight themes for WordPress, has flexible typography settings and deep integration with Google Fonts, which can help corporate websites and brand blogs quickly establish a unified and beautiful font system. This article introduces the Astra The method of pairing Google Fonts in the template helps to achieve a consistent brand font style and enhance the visual professionalism of the website.

1. Why use Google Fonts

Google Fonts Offers a rich library of open source fonts, features include:

• Free for commercial use and copyright free
• Multi-language support, including Chinese, Japanese, Korean, Latin, etc.
• Different font weights and variants for easy design and layout

• Global CDN acceleration for fast loading

For branded websites, choosing a uniform font ensures a consistent brand image and enhances user awareness of the brand.

2. Advantages of Astra integration with Google Fonts

• Astra themes have built-in support for Google Fonts, no need to install additional plugins.
• available at Customizer Selecting fonts directly from the
• Also modify the site-wide fonts for headers, body text, buttons, etc. to maintain a consistent style
• Compatible with Elementor,Beaver Builder etc. page builders with non-conflicting font settings

3. How to set up Google Fonts in Astra

Step 1: Go to WordPress Customizer

• Login to WordPress Backend
• Left menu click Appearance > Customization

Step 2: Select Typography Settings

• In the Customizer menu, click "The whole picture."

• option "typographical"

Here you can see the typography options that Astra offers, including Base Typography and Headings.

Step 3: Set the global font

• exist "Base Typography" In the Font Family pull-down menu

• Search and select your brand's main font, for example Roboto,Lato,Open Sans et al. (and other authors)
• Set the Font Weight, e.g. Normal 400, or Bold 700.

• Set Font Size and Line Height to ensure that the content is clear and easy to read.

Step 4: Set the title font

• Return to the Typography menu and find "Heading Font"
• Set the Font Family of H1-H6 respectively, which is the same as that of the body text.calligraphic styleSame or with another branded secondary font

• Adjust font weight, size and line height to maintain consistent branding style

4. Examples of font combinations

The following common branded font combinations are suitable for use in Astra:

• Roboto + Roboto Slab
  Roboto in the body and Roboto Slab in the headline for a technological and professional feel

• Open Sans + Montserrat
  Open Sans for body text, Montserrat for headings, simple and modern

• Lato + Lato
  captionUniformity with body text Lato, visual cleanliness and consistency

When choosing fonts, make sure they are consistent with the brand logo and visual system to create a unified experience.

5. Improve the loading speed of Google Fonts

Although Google Fonts Global CDN Acceleration, but access is slow and recommended in some areas:

• utilization OMGF Plug-in Download Google Fonts to your local server to improve loading speeds

• If the website users are mainly from mainland China, the font files can be hosted locally to avoid loading failures

6. Notes on Astra + Elementor Font Settings

If using Elementor To edit the page, you need to select the Elementor global settings in the "Default" fonts, so that the page inherits the Astra global fonts, avoiding duplicate definitions that lead to inconsistent fonts.

Operation Path:

• Access to the Elementor Editor
• Click on the menu in the upper left corner "Site Settings"

• Go to the Typography settings and set the fonts to be inherited to Default.

7. Summary

exist Astra The template is paired with Google Fonts to help with business websites and personal branding:

• Quickly establish a uniform typographic style
• Enhance visual consistency and professionalism
• Convenient for post maintenance and brand upgrading

Choosing the right Google Fonts and configuring them appropriately in Astra is an important groundwork for branding your website.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off