Google fonts
Introduction
Google Font integration for Joomla changes your font to Google without touching the site’s CSS directly and without use of single developers code. All you need to do is enable the module and copy and paste the fonts you have chosen in Google fonts ( https://fonts.google.com/ )
Joomla google fonts module
How to use Google fonts for Joomla website
✅Module Purpose - This Joomla extension enables administrators to selectively apply different Google Fonts to heading tags ( through ) and other UI elements—like body text, buttons, forms, menus, and blockquotes—without touching the site’s CSS directly.
✅Heading Font Configuration (H1–H6)
✅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.
✅Result: The module dynamically includes the font from Google Fonts and applies it via inline styles or embedded CSS.
✅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
✅Non-Heading Font Options
✅Body Text Font - Sets the font for paragraphs (), generic div content, and other body-level text. Admins input a font name like 'Open Sans' or 'Roboto'.
✅Buttons Font - Controls the font styling for elements and clickable items styled like buttons. Ideal for harmonizing typography across CTAs.
✅Form Inputs Font - Applies font styling and fields. This enhances form readability and aesthetic consistency.
✅Menu Font - Targets navigation menus and links typically found in dropdowns, or navbar components. Ensures a consistent look for primary site navigation.
✅Blockquotes Font - Adjusts typography for , 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 and Change Font for Joomla without touching the site’s CSS directly and without use of single developers code.
Google fonts
- Version:
- 1.0.0
- Developer:
- WeDevlops.com
- Last updated:
-
Aug 02 2025
1 hour ago - Date added:
- Jul 23 2025
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- m
- Compatibility:
- J3 J4 J5
Share