Filament 默认使用 bunny fonts 导致打开巨慢的解决方法

白云博客网

Filament 默认用来加载 Inter 字体的 CDN。国内网络访问这个 CDN 经常很慢甚至超时,所以登录页/后台加载会卡住,这是国内用户很常见的问题。

解决办法很简单就是禁用这个字体,对项目没有任何影响,方法如下:

打开面板的 provider,默认是:App\Providers\Filament\AdminPanelProvider.php。

Filament v3.x:必须显式指定使用 LocalFontProvider ,然后在 public/css 文件夹下创建一个空的 fonts.css 文件即可。

use Filament\FontProviders\GoogleFontProvider;
use Filament\FontProviders\LocalFontProvider;

public function panel(Panel $panel): Panel
{
    return $panel
        ->font(
            'Inter',
            url: asset('css/fonts.css'), // 你自己准备的字体 css + woff2
            provider: LocalFontProvider::class,
        );
}

Filament v4.x:官方新文档里 font() 增加了显式的 FontProvider 枚举,其中包含 System,可以这样明确声明:

use Filament\Support\Enums\FontProvider;

$panel->font('Inter', provider: FontProvider::System);


白云博客网
白云博客网

发表评论