Typography Customization with Google Fonts

Instant Knowledge Base Premium allows you to fully customize the typography of your documentation. You can choose from a wide range of Google Fonts (loaded locally for performance & privacy), system fonts, and even enable Font Awesome icons for enhanced navigation.

Typography settings control how article titles, body text, and icons look across all layout templates.

πŸ› οΈ Where to Find Typography Settings

  1. Log in to your WordPress Dashboard.
  2. Navigate to:
    πŸ‘‰ Knowledge Base > Settings > Typography & Icons

Here you can configure fonts and icons with live previews.

🎨 Font Customization Options

1. Font Family
  • Choose from a list of Google Fonts or system defaults.
  • Example fonts available: Poppins, Inter, Roboto, Open Sans, Lato, Montserrat, Ubuntu, and more.
  • A preview box shows how your selected font will look for both article text and titles.
2. Enable Custom Fonts (Local Google Fonts)
  • When enabled βœ…, Google Fonts are loaded locally from your server.
  • Improves performance and ensures GDPR/privacy compliance.
  • If disabled ❌, only system fonts are used (fastest, but limited style).
3. Enable Font Awesome Icons
  • When enabled βœ…, Font Awesome icons are available with local fallback.
  • Ensures icons display properly across browsers while maintaining Unicode emoji compatibility.

πŸ‘¨β€πŸ’» Advanced Notes

  • Performance: Local font loading reduces external requests and speeds up page loads.
  • Privacy: No external calls to Google Fonts, ensuring compliance with privacy laws (like GDPR).
  • Branding: Choose a font that aligns with your website’s brand identity.

⚑ Pro Tips

  • Poppins β†’ Modern, rounded style (great for startups and SaaS).
  • Inter β†’ Clean and minimalist (best for readability-heavy KBs).
  • Montserrat β†’ Professional and bold (ideal for corporate docs).
  • System Default β†’ Fastest option, recommended for high-performance sites.

πŸ”‘ Next Steps