feat(styles): CSS variables for fonts (#22666)

J-Sek · web-flow · commit 84495a36abd8 · 2026-03-02T23:06:35.000+01:00
diff --git a/packages/vuetify/src/styles/settings/_variables.scss b/packages/vuetify/src/styles/settings/_variables.scss
@@ -17,7 +17,7 @@ $misc: map-deep-merge(
   $misc
 );
 
-$body-font-family: 'Roboto', sans-serif !default;
+$body-font-family: var(--v-font-body, 'Roboto', sans-serif) !default;
 $font-size-root: 1rem !default;
 $line-height-root: 1.5 !default;
 $border-color-root: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
@@ -199,7 +199,7 @@ $font-weights: map-deep-merge(
   $font-weights
 );
 
-$heading-font-family: $body-font-family !default;
+$heading-font-family: var(--v-font-heading, #{$body-font-family}) !default;
 
 $typography: () !default;
 $typography: map-deep-merge(
