With the latest development in Astroid we have now introduced Custom Typography where you can easily customize certain headings with a typography style different than others on your site using CSS selectors.
It has 2 main options either Inherit, meaning it will take the property of the body typography settings or Custom that has the following list of options, customizable for devices :
Write the name of the selector whose property you want to customize.
Select the font family from the drop-down list. Here you can select the System Font or the Google font to the whole Body of your website
If the browser does not support the first font family, it tries the Alternate font family.
Select the font weight from the list, it will define how bold your text is.
Set the font size you need to use in the text element.
Set the needed distance between letters.
line-height property specifies the height of a line.
Add a different text color using the color picker.
Set the font transformation, if needed (uppercase, capitalize and lowercase).