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);
发表评论