Skip to main content

Typography - Font Settings


The settings under the Typography category determines the Font and text properties of the text-based components such as Header, Paragraph, Link, etc. by adjusting the following:

1. Font

It allows you to select the font style of the text inside a component. And to do so, you get a huge variety of font styles to choose from:

DrapCode Builder Font Family

2. Font Size

It allows you to select the font size (in pixels) of the text inside a component. You get the following sizes in the font to choose from:

DrapCode Builder Font Size

3. Font Weight

It allows you to determine the font weight, i.e. width of the text inside a component. You can choose the right font weight as per your layout design from the following options:

DrapCode Builder Font Weight

4. Font Letter Spacing

It allows you to determine the space between the letters of any font.

DrapCode Builder Font Spacing

5. Font Color

It allows you to determine the color of the font you would like to choose. You can choose from any color you like as you have the option to choose it from a Color Picker tool. You can also play around and choose the color matching your business theme.

DrapCode Builder Console Color Picker

6. Line Height

DrapCode Builder Line Height