Google Font integration for Joomla (NON-PRO) changes your font to Google without touching the site’s CSS directly.

How to use Google fonts for Joomla website

✅Module Purpose (ONLY FOR PRO)

This Joomla extension enables administrators to selectively apply different Google Fonts to heading tags (<h1> through <h6>) and other UI elements—like body text, buttons, forms, menus, and blockquotes—without touching the site’s CSS directly.

✅Heading Font Configuration (`H1–H6`) -(ONLY FOR PRO VERSION)

Each heading level receives its own dedicated font selector:

Backend Settings: Six separate input fields labeled for H1 to H6.
Function: Admins input the desired Google Font name (e.g., Poppins, Lato) for each heading level.
Individual font Size: Able to choose your size, such as Thin 100, Extra Light 200, Light 300, Regular 400, Medium 500, Semi Bold 600, Bold 700, Extra Bold 800, Black 900
Result: The module dynamically includes the font from Google Fonts and applies it via inline styles or embedded CSS.

✅Non-Heading Font Options

Label	Functionality Description
`Body Text Font`	Sets the font for paragraphs (`<p>`), generic div content, and other body-level text. Admins input a font name like `'Open Sans'` or `'Roboto'`.
`Buttons Font-PRO VERSION`	Controls the font styling for `<button>` elements and clickable items styled like buttons. Ideal for harmonizing typography across CTAs.
`Form Inputs Font-PRO VERSION`	Applies font styling to `<input>`, `<textarea>`, and `<select>` fields. This enhances form readability and aesthetic consistency.
`Menu Font-PRO VERSION`	Targets navigation menus and links typically found in `ul > li`, dropdowns, or navbar components. Ensures a consistent look for primary site navigation.
`Blockquotes Font-PRO VERSION`	Adjusts typography for `<blockquote>`, quotations, and testimonial boxes. Perfect for styling featured quotes or customer feedback sections with a unique flair.

Each of these labels uses a backend configuration field that pulls the selected Google Font from the user's input, dynamically embedding the font and applying it across relevant elements on the frontend.

✅Click here to Experienc the live demo

Click here live Demo