Spatie Google Fonts plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Spatie Google Fonts

Filament support for Spatie's Laravel Google Fonts package.

Tags: Panels Spatie Integration
Supported versions:
5.x 4.x 3.x 2.x
Filament avatar Author: Filament

Documentation

Version:

#Installation

Install the plugin with Composer:

composer require filament/spatie-laravel-google-fonts-plugin:"^5.0" -W

Please follow Spatie's documentation about how to set up their package first.

#Using the font provider

In your Panel Builder configuration, you can use the font() method, passing a provider:

use Filament\FontProviders\SpatieGoogleFontProvider;
use Filament\Panel;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->font('Inter', provider: SpatieGoogleFontProvider::class);
}

Now, if Spatie's package is set up to fetch and cache the Inter font correctly, Filament will use that source in the panel, without using any CDNs. Internally, the SpatieGoogleFontProvider class uses the @googlefonts directive from Spatie's package.