OD Local Fonts

OD Local Fonts is a privacy-friendly Joomla extension that allows you to manage and serve web fonts directly from your server. Eliminate external requests, ensure DSGVO/GDPR compliance, and improve page load performance.

Privacy & DSGVO/GDPR Compliance

Block external font requests automatically. No data sent to Google servers. Full control over font hosting ensures your site meets EU privacy regulations without third-party dependencies.

Helix Ultimate Integration

Seamlessly integrates with Helix Ultimate templates. Your uploaded fonts appear directly in Typography dropdowns – no manual CSS required. One-click font selection for body text, headlines, and navigation.

Performance Optimized

WOFF2 format support provides 30% smaller file sizes than traditional formats. Local hosting eliminates DNS lookups and external server delays, resulting in faster page loads and better Core Web Vitals scores.

Your Local Fonts in Helix Ultimate

Once you've uploaded fonts to OD Local Fonts, they automatically appear in your Helix Ultimate template's Typography settings. Simply open the font dropdown, scroll to the "Local Fonts" section, and select your uploaded font family.

No manual CSS editing. No file paths to remember. Just click and apply – your local fonts work exactly like system fonts or Google Fonts, but with complete privacy and DSGVO/GDPR compliance.

What you see: The Typography panel showing Manrope as a local font option, ready to be applied to body text, headlines, navigation, or any other template element.

See pricing

Simple & Intuitive Dashboard

Manage all your fonts from a clean, organized interface. View font families, weights, styles, and file sizes at a glance. Search, sort, and bulk-delete fonts with ease.

Key Features

Font Library Overview: See all installed fonts in a sortable table
Quick Search: Find fonts instantly by family name
Smart Upload: Sidebar upload always available for adding new fonts
Font Details: View complete file information and CSS paths
Bulk Actions: Select multiple fonts for deletion
Sorting Options: Click column headers to sort by ID, Name, Style, Weight, or File Size

Empty State

When no fonts are installed yet, the Dashboard displays a helpful empty state with a Quick Start Guide showing 3 simple steps to get started, plus a link to FontSquirrel for easy WOFF2 conversion.

Font Info Panel

Select any font in the table to view detailed information in the right sidebar:

Visual font preview
Complete family name
Format, weight, style, and file size
Server storage location
CSS reference code for manual implementation

Flexible Upload Options

Free version supports WOFF2 uploads via single file selection. Pro version adds drag & drop, batch uploads, and support for multiple formats including WOFF, TTF, and OTF.

Free Version Features

Format Support: WOFF2 only (most efficient format)
Upload Method: Single file selection via "Choose a file" button
File Limit: One font at a time
Max Size: 2 MB per file
Smart Validation: Automatic font family and weight detection

Pro Version Features

Drag & Drop: Upload multiple fonts at once by dragging files into the upload zone
Batch Upload: Process multiple font files in a single operation
Multiple Formats: WOFF2, WOFF, TTF, OTF support
Duplicate Handling: Choose to rename or skip existing files
File Normalization: Automatic filename and family name cleanup
Configurable Limits: Set max file size from 0.5 MB to 10 MB

Best Practices

Use WOFF2 Format: WOFF2 provides the best compression and is supported by all modern browsers (95%+ compatibility).

Upload Only Needed Weights: Don't upload every weight (100-900). Stick to essential weights like 400 (regular), 600 (semibold), and 700 (bold).

Subset Your Fonts: Use FontSquirrel or Transfonter to subset fonts to latin/latin-ext characters only. This significantly reduces file sizes.

Check File Size: Aim for font files under 50 KB each. Well-optimized WOFF2 fonts are typically 15-30 KB.

Seamless Helix Ultimate Integration

Your uploaded fonts automatically appear in Helix Ultimate's Typography settings. No manual CSS. No file paths. Just select your local font from the dropdown and apply it to any template element.

Integration Features

Typography Dropdown: Local fonts appear as a dedicated group in all font selection menus
Weight Filtering: Show only uploaded font weights in selection dropdowns
Google Fonts Hiding: Remove Google Fonts option group from typography settings
CSS Auto-Generation: Automatic @font-face rules and injection into template CSS
Server-Side Persistence: Font selections saved to component parameters for better synchronization

Where You Can Use Local Fonts

Local fonts appear in all Helix Ultimate typography dropdowns:

Body Font: Main content text
Menu Font: Navigation links
Headlines: H1, H2, H3, H4, H5, H6
Custom Fonts: Additional custom font slots
SP Page Builder: Page builder typography (if installed)
Blog: Blog-specific typography settings

Fallback Font Stack

Configure system fonts used when no local font is assigned. Default fallback stack:

system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif

CSS Recompilation

After changing Helix settings or uploading new fonts, use the Recompile Helix CSS button to regenerate your template's CSS files with current font settings. This ensures all font changes are properly reflected on your live site.

Comprehensive Privacy Protection

Block external font requests with precision. OD Local Fonts intercepts and prevents connections to Google Fonts, Adobe Fonts, and other external providers – ensuring your site is fully DSGVO/GDPR compliant.

Core Privacy Features

Google Fonts Blocking: Prevents requests to googleapis.com and gstatic.com
Preconnect Removal: Strips external font preconnect and prefetch hints from HTML
CSS Scanning: Automatically detects external font references in stylesheets
GDPR Warnings: Displays admin notifications when templates use external fonts

Advanced Blocking Options

Additional Providers: Block Adobe Fonts (use.typekit.net), Font Awesome, and jsDelivr
Request Logging: Record blocked font requests in Joomla's system log for compliance audits
Scope Control: Choose to block fonts on Frontend only, Backend only, or both
Context Selection: Apply blocking to public website, admin area, or both environments

How It Works

The Privacy Plugin operates at the asset loading level, filtering out external font requests before they reach the browser. This approach ensures:

No data is sent to third-party servers
No external DNS lookups for font domains
No cookies or tracking from font providers
Full GDPR and DSGVO compliance

Note: Privacy protection filters frontend assets (CSS/JS) only. It does not modify server headers or integrate with consent management tools.

Pro Features & Advanced Settings

Pro version unlocks advanced configuration options for performance tuning, UX enhancements, and developer workflows. Fine-tune CSS injection, font-display strategies, and enable quality-of-life features.

Upload Settings (Pro)

Drag & Drop: Enable drag & drop file uploads
Batch Processing: Upload multiple files at once
File Overwriting: Replace files with same name
Name Normalization: Convert 'SpaceGrotesk' to 'Space Grotesk'
Filename Cleanup: Lowercase, hyphenate filenames automatically
Auto-Rename Duplicates: Add _1, _2, etc. to duplicate filenames
Format Validation: Support for WOFF2, WOFF, TTF, OTF
Size Limits: Configure max file size and total library size

Comfort & Quality (Pro)

Sticky Table Header: Header stays visible when scrolling
Quick Filter Bar: Family/Weight/Format filter chips above table
Small Previews: Display tiny font preview ("Abc") in table rows
Column Visibility: Show/hide ID, Style, Weight, Filesize columns
Table Density: Compact / Comfort / Spacious row spacing options
Rows per Page: Configure pagination from 5-100 fonts per page
Delete Guard: Show confirmation dialog before deleting fonts
Conflict Scanner: Detect duplicate font families and weights
Asset Refresh: Clear browser cache by incrementing asset version
Sort Memory: Table sorting persists across page reloads

Advanced Settings (Pro)

CSS Injection Mode: Choose how CSS is delivered (Auto in <head>, inline, external file)
Font-display Strategy: Control browser font loading behavior (swap, block, fallback, optional)
Font Preloading: Add <link rel="preload"> for critical fonts (use sparingly)
Custom Fonts Path: Specify alternative storage location
Debug Mode: Enable verbose logging for troubleshooting (Admin Only)

Import/Export & Backup

Download Settings (JSON): Export all component parameters as JSON file
Load Settings (JSON): Import parameters from JSON (requires confirmation)
Reset to Defaults: Reset all Advanced options to factory settings

Performance Note: Only preload 1-2 critical fonts (like body text). Preloading too many fonts can actually slow down your site by delaying other critical resources.

Ready to Host Fonts Locally?

Start with the Free version or unlock Pro features for advanced workflows. No registration required for Free downloads – get started with privacy-friendly fonts in minutes.