diff --git a/packages/panels/resources/views/components/layout/base.blade.php b/packages/panels/resources/views/components/layout/base.blade.php
index eef8b6e153..ff05d2e9cb 100644
--- a/packages/panels/resources/views/components/layout/base.blade.php
+++ b/packages/panels/resources/views/components/layout/base.blade.php
@@ -56,7 +56,7 @@
 
         <style>
             :root {
-                --font-family: {!! filament()->getFontFamily() !!};
+                --font-family: '{!! filament()->getFontFamily() !!}';
                 --sidebar-width: {{ filament()->getSidebarWidth() }};
                 --collapsed-sidebar-width: {{ filament()->getCollapsedSidebarWidth() }};
             }
diff --git a/packages/panels/src/FontProviders/BunnyFontProvider.php b/packages/panels/src/FontProviders/BunnyFontProvider.php
index 2e0610d559..805a9fc1f8 100644
--- a/packages/panels/src/FontProviders/BunnyFontProvider.php
+++ b/packages/panels/src/FontProviders/BunnyFontProvider.php
@@ -9,7 +9,7 @@ class BunnyFontProvider implements Contracts\FontProvider
 {
     public function getHtml(string $family, ?string $url = null): Htmlable
     {
-        $family = (string) str($family)->lower()->kebab();
+        $family = (string) str($family)->replace(' ', '-')->lower()->kebab();
         $url ??= "https://fonts.bunny.net/css?family={$family}:400,500,600,700&display=swap";
 
         return new HtmlString("
diff --git a/packages/panels/src/FontProviders/GoogleFontProvider.php b/packages/panels/src/FontProviders/GoogleFontProvider.php
index b006e7a17b..b777422e55 100644
--- a/packages/panels/src/FontProviders/GoogleFontProvider.php
+++ b/packages/panels/src/FontProviders/GoogleFontProvider.php
@@ -9,7 +9,7 @@ class GoogleFontProvider implements Contracts\FontProvider
 {
     public function getHtml(string $family, ?string $url = null): Htmlable
     {
-        $family = urlencode($family);
+        $family = str_replace(' ', '+', $family);
         $url ??= "https://fonts.googleapis.com/css2?family={$family}:wght@400;500;600;700&display=swap";
 
         return new HtmlString("