No results found. Try again with different words?

Search must be at least 3 characters.

Typography Improvement for Astra

With the latest version (3.8.5) of the Astra theme, you can select different font options for different headings and for the body of the website as well. You can also select different font-family and multiple font variants for each of the headings and the body of your website. The new and improved Typography option also enables the users to select some preset options as well.

How it works?

You can access the typography options from within the customizer. The following steps will guide you through.

Step 1: Navigate to the WordPress dashboard

Step 2: Click on Appearance and choose customize

Customizer

Step 3: Click on Global

Global settings

Step 4: Click on the Typography

Typography

On the Typography page, you will see the presets that you can select from. There are six different variations that you can choose from.

typography-presets

You can also set the font styles and size and the font weight manually for Body and Heading fonts. Just click on the pencil icon next to each of the font options and you will be able to select the font-family of your choice.

Typography-body

As described in this video, the user will be able to accomplish the following for the body fonts:

  • Change the font family: You can choose any Google font family; however, this option will only enables you to select a font family that is available in the list of the Google Fonts
  • Add multiple variants: Font Variant option is available only for Google Fonts
  • Change the font size: You can simply drag the slider or change the font size by entering the pixel value inside the box
  • Select the font weight: You can choose the font weight from 9 different options
  • Text Transformation: Transform the text to either Capitalize, Uppercase or Lowercase
  • Line Height: Simply use the slider to either increase or decrease the line height. This will reduce or increase the gap between the lines. You can also type the numeric pixel value in the box as per your requirement.

Heading font styles

This is similar for headings as well. If you would like to apply the same font-settings to all types of the heading, you can simply click on the pencil icon next to the settings and make the changes. However, If you would like to apply different font styles to different headings and sub-headings, you can choose them from the option below that.

typography-heading

Paragraph Margin Bottom

This option will enable you to control the gap between two paragraphs by adding a bottom margin. You can simply drag the slider or add a numeric pixel value in the box to control the gap

Underline content link

By turning on this feature, all the links on your website will have an underline. You can click on the button to turn this on.

pargraph bottom margin
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