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 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 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 efforts taken.

    Astra Pro Typography Module gives you complete control to manage typography from header to footer on your website.

    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 > Appearance > Astra Options
    Step 3: Visit customizer [ Appearance > Customize > Global > Typography ] to edit module settings

    Astra Pro - Typography, Astra 3.0+


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

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

    Astra Pro - Primary Menu Typography, Astra 3.0+

    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. 


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

    Astra Pro - Headings, Astra 3.0+

    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.


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

    Astra Pro - Buttons Typography, Astra 3.0+


    Archive Summary Box Title

    This box will appear on the archive pages like category, tags, author, 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 Pro - Blog Archive Title and Meta, Astra 3.0+


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

    Astra Pro - Pagination Typography, Astra 3.0+

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

    Single Post / Page Title

    You can manage the typography of a single blog post/page title. Locate this option under Customize > Blog > Single Post > Post / Page Title Font.

    Astra Pro - Post Title Typograpgy, Astra 3.0+


    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 Pro - Sidebar Typography, Astra 3.0+

    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

    [EXTENDED] Cyber Monday Sale


    Don't Miss Our Biggest Discount


    100% Unconditional Money-back Guarantee

    Purchase today & lock in your deal!

    Scroll to Top
    Now choose your preferred
    page builder addon
    Choose your preferred page builder addon

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

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