How to Manage Typography with Typography Module in Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

Typography Module

This is a premium feature available with the Astra Pro Addon plugin. To use these pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Though you can manage the typography manually at the page builder’s an element/module level, it’s important as well as best suggested to manage typography from the default theme options. This will help you to manage fonts throughout your website. Any additional text added while creating a new row or column will match the site’s typography without any effort taken.

Astra Pro Typography Module gives you complete control to manage typography from header to footer on your website. To activate the Typography module, please navigate to the WordPress dashboard on your website and click on Astra. On the Astra dashboard, please click on the slider next to the Typography module to activate it.

Astra Pro Typography

Quick Steps to Add Font Styling Using the Typography Module
Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the Typography module from the Astra Options under the WordPress Dashboard > Astra
Step 3: Visit customizer [ Appearance > Customize > Global > Typography ] to edit module settings

Astra Typography

Header

This option helps you to set the typography for the primary menu and submenu.

For the below Typography options, navigate to the Customizer > Header > Primary Menu.

Astra Typography menu font

Note: If Site Title and Site Tagline is set to display ( Header > Site Identity ) on the site, typography for both the Header and Site Identity will appear here. 

Content

Astra Pro Typography Module gives you complete control for setting the website typography.
Along with the font size, you can manage the following from H1 to H6:

Astra Typography headings font

With these options, you can try the combinations of various fonts on your website, by simply setting the Font Family for the heading.
It’s best suggested to use two to three fonts for a website.

Button

Astra Pro Typography Module makes it easy for you to run typography for buttons on all your websites. The call-to-action buttons on your website come from various elements/modules that you use.

Astra Typography buttons

Blog/Archive

Archive Summary Box Title

This box will appear on the archive pages like category, tags, author, and publish date, where the title and the description of the archive page will appear. However, this box is not enabled on the Blog page, thus this option will not apply here.

Astra Pro - Archive Title Typography, Astra 3.0+

Blog Post Title | Post Meta

You can give special treatment to Blog Post Titles and Post Meta with the following typography options.

Astra 3.3 post title font settings

Pagination

This option will appear if you have kept the post pagination option enabled from the Blog Pro Archive settings.

Astra pro pagination font settings

The font applied to this setting is from the Base typography.
This option helps you manage the Text Transform.

Sidebar

Widget Title | Widget content

This option lets you manage the typography of the Sidebar widget title and content. Locate this option under Customize > Sidebar > Title Font.

Astra 3.3 widget font typography

Footer Widgets

This option helps you to handle the typography of Footer Widgets. Locate under Customize > Footer > Footer Widgets > Widget Title Font / Widget Content Font

Astra Pro - Footer Widgets Typography, Astra 3.0+

Footer Bar

Manage the typography of the main Footer Bar, which appears at the very end of the website. Locate under Customize > Footer > Footer Bar > Content Font

Astra Pro - Footer Bar Typography, Astra 3.0+
Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form