How do I adjust the font style

How do I adjust the font style

This guide shows you how to create and customize fonts for your website to match your brand. It covers font family, size, weight, color, and advanced options like spacing and text shadows to help you create a clean, visually appealing design.

1. Navigate to https://app.podup.com/pagebuilder

2. Upload a page to customize the text

3. Click on the "Text" section you want to customize.

4. Once the block is selected, click on the "Customize" icon

5. Click "Design"

6. And click on "Typography"

7. Under "Typography" you can choose:

8. - Font Family: Select the typeface or style of the text (e.g., Arial, Times New Roman, Roboto)

9. - Font Size: Set the size of the text, usually in units like pixels (px), ems, or points (pt)

10. - Font Weight: Control the thickness of the characters (e.g., normal, bold, light, etc.)

11. - Letter Spacing: Adjust the space between individual characters (also called tracking)

12. - Color: Choose the color of the text, often represented by color codes or pickers

13. - Line Weight: This commonly refers to line height or line spacing, determining the vertical space between lines of text

14. - Text Align: The alignment of the text block (e.g., left, center, right, justified)

15. - Text Shadow: Add shadow effects to the text, including parameters like shadow color, blur, and offset. Click on the "+" to add the shadow

16. Click "0 0 0" to load up shadow options

17. - X value: Controls the shadow's horizontal displacement. A positive value moves the shadow to the right; a negative value moves it to the left.

  • Y value: Controls the shadow's vertical displacement. A positive value moves the shadow down; a negative value moves it up.
  • Blur: Sets the strength or softness of the shadow's edges. A higher blur value makes the shadow more diffused and less sharp; a blur value of zero creates a hard-edged shadow.

18. Click "Color" to set a custom color for the shadow

19. Select the color of your choice

20. You can change the "Opacity" of the shadow by adjusting the slider

21. Click "Ok" to keep the changes

22. Click "Save" to keep the changes saved on the website