diff --git a/packages/docs/nuxt.config.ts b/packages/docs/nuxt.config.ts
index 1bf69e12b8..472d966884 100644
--- a/packages/docs/nuxt.config.ts
+++ b/packages/docs/nuxt.config.ts
@@ -93,7 +93,9 @@ export default defineNuxtConfig({
 
   googleFonts: {
     preload: true,
-    swap: true,
+    prefetch: true,
+    preconnect: true,
+    display: 'swap',
     families: {
       'Source+Sans+Pro': {
         wght: [400, 600, 700],
diff --git a/packages/docs/pages/index.vue b/packages/docs/pages/index.vue
index d9ae5a521e..25af31a1e2 100644
--- a/packages/docs/pages/index.vue
+++ b/packages/docs/pages/index.vue
@@ -27,7 +27,7 @@ const isMobileMenuOpen = ref(false)
 @import "@/assets/variables.scss";
 
 .landing {
-  font-family: Source Sans Pro;
+  font-family: var(--va-font-family);
 
   a {
     @include link(2px);