Fonts

Font Customization Overview

The Font Customization system allows you to personalize your website's typography by using Google Fonts or uploading your own custom font files. You can set different fonts for body text and headings to create a unique visual identity for your site.

Key Features

• Google Fonts Integration: Choose from popular Google Fonts with live preview

• Custom Font Upload: Upload your own font files (TTF, OTF, WOFF, WOFF2)

• Separate Font Control: Set different fonts for body text and headings

• Live Preview: See how fonts look before applying them

• Easy Management: Switch between fonts or reset to defaults anytime

What You Can Customize

Body Font

Controls the font used for:

• Paragraph text

• Form fields

• Navigation items

• Button text

• General content

Headings Font

Controls the font used for:

• Page titles (H1)

• Section headings (H2-H6)

• Card titles

• Featured text elements

Supported Font Formats

Google Fonts

• Instantly available web fonts

• No file upload required

• Optimized for web performance

• Regular updates and maintenance

Custom Fonts

• TTF (TrueType Font)

• OTF (OpenType Font)

• WOFF (Web Open Font Format)

• WOFF2 (Web Open Font Format 2.0)

Getting Started

1. Navigate to Customization → Font Customization in your admin panel

2. Review your current active fonts (if any)

3. Choose to add a Google Font or upload a custom font

4. Apply the font to body text, headings, or both

5. Your changes take effect immediately on the front