Body Typography
These settings control the typography for all body text.
Typography Properties: Choose typography properties for this section. If you choose Default, then properties will inherit from CSS code. If you choose Custom, adjust the typo elements according to your need.
1. Font Family
Select the font family from the drop-down list. Here you can select the System Font or the Google font for the whole Body of your website.
We now have the Default font option wherein it will either show Bootstrap’s default font family or if you have added any other font in the custom css/scss files.
2. Backup Font Family
If the browser does not support the first font family, it tries the backup font family as an alternative.
3. Font Weight & Style
Select the font weight from the list, it will define how bold your text is.
4. Font Size
Set the font size you need to use in the text element.
5. Letter Spacing
Set the needed distance between letters.
6. Line Height
line-height property specifies the height of a line.
7. Text Transform
Set the font transformation, if needed (uppercase, capitalize and lowercase).

Configure body typography
You can click on different device icons to configure typography on devices (large desktop, desktop, laptop, tablet, and mobile phone).

Last modified 1mo ago